javascript - Jquery 自动完成 : How to fill out input on page load

标签 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"]);

最佳答案

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

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

自动完成与下拉和搜索相关,但下面的输入框没有改变,所以你可以像其他输入一样对待它。

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

关于javascript - Jquery 自动完成 : How to fill out input on page load,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57813156/

相关文章:

JavaScript 正则表达式 : how to match on the whole text?

javascript - 如何停止获取 __webpack_hmr

javascript - jQuery 关闭相同元素的点击

javascript - 将 JSON 响应存储为数组以用于计算 : Javascript

javascript - AngularJS 数据绑定(bind) - 观察周期未触发

jquery - 如何在 FF3 中刷新 div 后重置持久滚动条位置?

jquery - 仅将整数放入条形图和折线图的 x 轴和 y 轴 - Flot

html - 仅换行的一部分(全高列旁边)

javascript - ExtJs 中的多列组合

单击正文中任意位置时隐藏的 JavaScript