如何通过问一个问题之后答案自动填充到文本区域
时间: 2023-06-25 11:07:01 浏览: 56
你可以使用 JavaScript 来实现这个功能。具体步骤如下:
1. 给问题和文本区域分别添加 `id` 属性,方便在 JavaScript 中进行操作。
2. 监听问题输入框的 `keyup` 事件,当用户输入完问题并松开键盘时触发。
3. 在事件处理函数中,使用 AJAX 或 Fetch API 向后端发送请求,获取问题的答案。
4. 将获取到的答案填充到文本区域中,可以使用 jQuery 的 `.val()` 方法或者纯 JavaScript 的 `value` 属性。
以下是示例代码:
HTML 代码:
```html
<label for="question">问题:</label>
<input type="text" id="question">
<br>
<label for="answer">答案:</label>
<textarea id="answer"></textarea>
```
JavaScript 代码:
```javascript
$(document).ready(function() {
// 监听问题输入框的 keyup 事件
$('#question').on('keyup', function() {
// 获取问题
var question = $(this).val();
// 发送 AJAX 请求获取答案
$.ajax({
url: '/api/answer',
data: { question: question },
success: function(response) {
// 填充答案到文本区域
$('#answer').val(response.answer);
}
});
});
});
```
上面的代码中,我们假设后端提供了 `/api/answer` 接口,接收一个名为 `question` 的参数,并返回一个包含答案的 JSON 对象。在成功回调函数中,我们将获取到的答案填充到文本区域中。