select 选择器加input框联动

你可以使用 jQuery 的 `change()` 事件来监听 select 元素的选中状态变化，并根据选中的值来修改 input 元素的值。以下是一个示例代码：

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

<!-- JavaScript -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(function() {
    $('#select-box').change(function() {
      var selectedValue = $(this).val();
      $('#input-box').val(selectedValue);
    });
  });
</script>

当 select 元素的选中值发生变化时，`change()` 事件会触发回调函数。在回调函数中，我们获取当前选中的值并将其赋值给 input 元素的 value 属性，从而实现联动效果。

相关问题

elementui select选择器怎么跟数据库联动

可以通过在select组件中使用v-model指令来绑定选中的值，然后在选项中使用v-for指令循环渲染数据库中的数据。当选中的值改变时，可以通过watch监听v-model的变化，然后根据选中的值从数据库中获取对应的数据。具体实现可以参考elementui官方文档中的select组件示例。

select 选择器加输入框

可以使用HTML和CSS来实现一个带有select选择器和输入框的组合，示例代码如下：

<label for="my-input">输入框:</label>
<input type="text" id="my-input">

<label for="my-select">选择器:</label>
<select id="my-select">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

label {
  display: block;
  margin-bottom: 10px;
}

input[type="text"], select {
  padding: 5px;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid #ccc;
  width: 200px;
}

这段代码会创建一个带有标签和样式的输入框和选择器组合。你可以根据自己的需要调整样式和选项。