如何使用 jQuery 在文本框中设置下拉值

有时候我们需要在网页中使用下拉框来供用户选择，而 jQuery 就提供了方便的操作方式。下面将介绍如何使用 jQuery 在文本框中设置下拉值。

1. HTML

首先我们需要在 HTML 中定义一个文本框和一个下拉框，代码如下：

<input type="text" id="input">
<select id="select">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

2. jQuery

然后我们使用 jQuery 针对这个下拉框进行操作。具体来说，我们需要监听下拉框选中项的变化，然后将选中项的值设置到文本框中。代码如下：

$('#select').change(function() {
  var value = $(this).val();
  $('#input').val(value);
});

这段代码的作用是：当下拉框的选中项变化时，获取当前选中项的值，然后将这个值设置到 id 为 input 的文本框中。

代码片段：

```javascript
$('#select').change(function() {
  var value = $(this).val();
  $('#input').val(value);
});
```