combobox 实现select 下拉模糊查找 功能

**

combobox 实现select 下拉模糊查找 功能

**

  <select class="easyui-combobox" name="paymentUnit" id="paymentUnit" style="width:165px;height:25px;">
      <option>请选择</option>
  </select>


----------------------------------

    $("#paymentUnit").combobox({
        url:"XXXXXXXXXXX",
        editable: true,
        valueField: 'sCompanyName',//传递到后逃的id值等
        textField: 'sCompanyName',//显示的值
        panelWidth: 220,   // 下拉框宽度
        panelHeight: 250,  // 下拉框高度
        filter: function(q, row){
           //$("#paymentUnit").combobox("select", row.name);
            var opts = $(this).combobox('options');
            return row[opts.textField].indexOf(q) > -1;
        }
    });

 @RequestMapping(value = "/CompanyList", method = RequestMethod.POST)
@ResponseBody
public List<CompanyDTO> ComList(CompanyDTO CompanyDTO) {
    ExecuteResult<List<CompanyDTO>> executeResult = CompanyFacade.queryCompayName(CompanyDTO);

    return executeResult.getResult();
}

结果如下：

文章来自
https://blog.csdn.net/weixin_30892889/article/details/99770341

以上方式会存在请求两次的问题；
去掉select，优化结果如下：

<input id="paymentUnit" name="paymentUnit" class = "easyui-textbox" style="width:220px;">