选择输入框下拉列表的第一个元素

时间:2015-12-09 09:46:37

标签: javascript html

我有一个输入框

<input id="source" onchange="openDropdown(...)" >

每当我在此输入框中输入任何文本时,都会显示建议的下拉列表。现在我想使用JavaScript自动选择第一个建议,但无法找到任何方法。 要求:您只需使用输入ID来选择第一个建议。我不知道onchange函数。

  

注意: - 我这里没有任何选择元素。我只是有一个   输入元素在这里。所以我只想选择   下拉列表中的第一个元素将在我们开始输入后打开   那个输入框(&amp;我不知道这个下拉列表是怎么来的。我只知道   那里有一些输入框。)我没有完整的代码。

2 个答案:

答案 0 :(得分:0)

  $("#source") .change(function () {             
  var abc = $('option:first-child',this) .text();

请试试这个。希望这会对你有帮助..

答案 1 :(得分:0)

尝试此代码,默认情况下我选择选项3但您可以更改

function openDropdown(){

  $("#lst option:first").prop("selected","selected")
  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="source" onchange="openDropdown()" >

<select id="lst">
  <option value=1>option 1</option>
   <option value=2>option 2</option>
   <option value=3 selected>option 3</option>
   <option value=4>option 4</option>
</select>