在 JQuery 中，如何在我的自动完成列表中预先选择一个项目？答案

【问题标题】：In JQuery, how do I pre-select an item in my autocomplete list?在 JQuery 中，如何在我的自动完成列表中预先选择一个项目？
【发布时间】：2015-05-27 14:33:45
【问题描述】：

我正在使用 JQuery 1.11.1。我有一个自动完成过滤器，我是这样设置的......

 <input type="text" id="stateFilter" placeholder="Select a State" /><img src="/myproject/resources/images/menu-arrow-closed.png" />

JS 是

states = $.map(list, convertListItem);
....
$("#stateFilter").autocomplete({source: states});

我的问题是在某些情况下，我希望默认选择其中一个选项（因此用户看到的第一件事不是“选择一个州”，而是选择了一个州的名称，例如“弗吉尼亚”）。如何预先选择一个选项？为我的输入字段设置“值”属性没有任何作用。

【问题讨论】：

jquery autocomplete textbox set value programmatically的可能重复
其实是的。这个问题与您链接中的问题相同。谢谢，-

标签： jquery select autocomplete

【解决方案1】：

尝试使用search方法.autocomplete("search", "term")

<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <script>
  $(function() {
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    })
    .autocomplete("search", "JavaScript");
    $("ul.ui-autocomplete")
    .find("li:contains(JavaScript)")
    .trigger("click")
  });
    
  </script>
</head>
<body>
 
<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>
 
 
</body>

【讨论】：

这会在文本框下方显示选项，但我希望它实际被选中。本质上，在 JQuery 中，我如何模拟用户单击文本框下方列表中的值？