jQuery自动完成:如何在页面加载时填写输入

时间:2019-09-05 21:24:20

标签: javascript jquery html jquery-ui-autocomplete

我设置了一个jQuery自动完成功能,该功能可以查询端点以在输入中获得选择(一旦您开始输入):

   $("#brand-select").autocomplete({
    source: function(request, response) {
      $.getJSON(
        '/networks?search='+request.term ,
        function(data) {
          data = JSON.parse(data);
          response(data);
        }
      );
    },
    minLength: 1,
    multiselect: true
  });

有没有一种方法可以填写自动完成功能,以便在输入中立即显示文本(在页面加载时)?

例如,设置自动完成后,我希望输入自动显示“ ABC”

我知道这是不对的,但是我已经尝试过:

$("#brand-select").autocomplete(["ABC"]);

1 个答案:

答案 0 :(得分:0)

大概brand-select是输入框吗?因此,您可以直接注入该值(如果使用脚本来构建HTML),因此最终会得到类似<input type="text" id="brand-select" value="ABC"/>的内容。

或者您也可以使用标准jQuery进行填充,例如$("#brand-select").val("ABC");

自动完成功能与下拉列表和搜索有关,但是下方的输入框未更改,因此您可以将其视为其他任何输入。

P.S。然后,如果您希望它根据该文本自动执行搜索,请调用自动完成功能的“ search()”方法(请参见https://api.jqueryui.com/autocomplete/#method-search),例如$("#brand-select").autocomplete("search");