当教科书有任何值时，将自动选择下拉选项

When textbook has any value then automatically drop-down option will selected

本文关键字：选择 选项 教科书 任何值      更新时间：2023-09-26

当文本框有任何值时，将选择如何自动下拉选项？

例如：

这是我的下拉菜单 

<option>pick a color</option>  
<option value="red">RED</option>
<option value="blue">BLUE</option>
<option value="others">Green</option>

这是文本框：

<input type="text" name="color" id="color" />

问题

如果填写文本框中的任何类型值，如何自动选择 绿色 在下拉列表中。

您可以将

input事件附加到输入以跟踪用户对输入的更改，如果是这样，请选择所需的选项，请检查下面的示例。

希望这有帮助。

$('#color').on('input', function() {
  if($(this).val()!="")
    $('#colors').val("others");
  else
    $('#colors').val("0");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="colors">
  <option value="0">pick a color</option>
  <option value="red">RED</option>
  <option value="blue">BLUE</option>
  <option value="others">Green</option>
</select>
<input type="text" name="color" id="color">

如果你使用的是普通的JavaScript，你可以试试这个

<select id="selection">
<option>pick a color</option>  
<option value="red">RED</option>
<option value="blue">BLUE</option>
<option value="others">Green</option>
</select>

<input type="text" id="color" oninput="myFunction()">
<script>
function myFunction() {
    document.getElementById("selection").value ='others';
}
</script>

备注：我没有添加代码来处理重置选择，以防文本框中没有文本

相关文章：