Question

如果我首先输入文本框值，我想显示选择框中的所有选项。

<input type="text" name="firstname" id="fname"/>
<select id="age">
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>

Answer 1

您不必使用javascript，HTML可以为您提供这种要求的元素：数据列表。

<input list="ages" />
<datalist id="ages">
  <option value="20">20</option>
  <option value="21">21</option>
  <option value="22">22</option>
  <option value="23">23</option>
</datalist>

希望这就是您想要的。您可以在此处了解更多信息：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist

Answer 2

首先，您需要hide下拉选项。

<input type="text" name="firstname" id="fname"/>
<select id="age" style="display:none">
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>

然后用js显示keydown事件的下拉字段。

$("#fname").keydown(function(){
 $("#age").show()
 });

工作演示 link

有条件的下拉选项

2 个答案: