jquery - 自动完成在输入字段中保留历史并发送多个请求

Question

我有以下代码：

     $("#city").on('change', function() {
         $("#keyword").autocomplete('<?php echo base_url();?>index.php/formhandler/autocomplete', {
             width: 300,
             matchContains: true,
             extraParams: {
                 data: $("#city").val()
             }
          });
     });

这是我的 HTML：

<select id="city" name="">
<option selected value="">--Select a city--</option>
<option value="1">city1</option>
<option value="2">city2</option>                            
</select>
<input id="keyword" name="" type="text" placeholder="Search" style="width:300px;"/>

我想根据所选城市自动完成关键字字段，但问题是自动完成发送多个请求（它发送最新的城市 ID 以及先前选择的数据）。当我在萤火虫中查找时，关键字字段保留了以前的历史记录。我该如何解决这个问题？

Answer 1

一个问题是 JavaScript 中的括号和大括号不匹配。应该是这样的，特别注意最后两行：

$("#city").on('change', function() {
    $("#keyword").autocomplete('<?php echo base_url();?>index.php/formhandler/autocomplete', {
        width: 300,
        matchContains: true,
        extraParams: {
            data: $("#city").val()
        }
    });
});

您还在第一个标签中选择了拼写错误：应该是optionselctedselected