如何使用 jQuery 自动完成组合框设置选定的值

Question

我们在项目中使用自动完成组合框，并定义一个选择列表，其中包含从调用 api。我添加了第一个选项“全部”，我也添加了选定的属性，但组合框没有选择它，并且在加载后在框中显示“全部”。在绑定后，我也尝试将组合框的 val 设置为“全部”值，但我在那里没有任何乐趣。如何选择默认值？

Answer 1

我认为您应该能够以通常的方式将其中一个 元素设置为选定的：

<option value="x" selected="selected">Stuff</option>

您需要在将组合框绑定到 < 之前执行此操作/代码>。如果您查看组合框的源代码，您将看到以下内容：

var self   = this,
  select   = this.element.hide(),
  selected = select.children( ":selected" ), 
  value    = selected.val() ? selected.text() : "";

var input = this.input = $( "<input>" )
                .insertAfter( select ) 
                .val( value )
                /* ... */

它查找选定的子项，并将文本输入的值设置为它找到的值，并使用空字符串作为后备。不过，这里没有使用 元素使用的默认“选择第一项”，您必须显式地将标记为已选择或:selected 选择器不会，嗯，选择它。