Question

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

例如：

这是我的下拉

<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" />

问题

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

Answer 1

您可以将input事件附加到输入以跟踪用户对输入的更改，然后选择您想要的选项，请查看示例。

希望这有帮助。

＆＃13;

$('#color').on('input', function() {
  if($(this).val()!="")
    $('#colors').val("others");
  else
    $('#colors').val("0");
});

＆＃13;

<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">

＆＃13;

Answer 2

如果您使用的是纯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>

注意：我还没有添加代码来处理重置选项，以防文本框中没有文字

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

2 个答案: