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

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 事件附加到输入以跟踪用户对输入的更改，然后如果是这样，请选择您想要的选项，检查下面的示例。

希望这对您有所帮助。

---

$('#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">