jQuery chosen下拉框检索

参考URL：参考demo

chosen.jquery.js 搜索框只能从头匹配的解决思路+方法  （改参数=推荐）

chosen.jquery.js 搜索框只能从头匹配的解决思路+方法  （改源码，，，不推荐）

官方API及JS下载

效果图：

这里提供一下简单版的下载地址（JS源码已改为模糊匹配），类似上图的效果，自行导入jQuery,注意修改CSS文件中的图片路径为导入的图片

<%@include file="import.jsp" %>




   
    部门1
    部门2
    部门3
    部门4
    部门5


   

    

动态下拉框

注意： $('#cnaps_name_select').trigger(“chosen:updated”);//重置下拉框  
            $('#cnaps_name_select').chosen();//下拉框检索框架

所属银行:  
  
  
  
   
>${item.bankname }  
   
                                       
  
                                  
  
  
  
  
 开户行全称：  
  
  
  
  
  
  
  
function cnapsChange() {  
    var account_city = $('#account_city').val();  
    var bank_code = $('#bank_code').val();  
      
    var cnaps_no = $("#cnaps_no").val();  
    $('#cnaps_name_select').val('');  
    var obj=document.getElementById("cnaps_name_select");  
    obj.options.length=0;  
    $.ajax({  
        url:  ctx()+"/cnaps/cnapsBank?clscode=" + bank_code+"&citycode="+account_city,  
        dataType: "json",  
        success: function(data) {  
            obj.options.add(new Option('',''));  
            $.each(data.banklist, function(i, val) {  
                obj.options.add(new Option(val.BNKNAME,val.CNAPS));  
               if (cnaps_no == val.CNAPS) {                 
                   $("#cnaps_name_select").val(cnaps_no);                  
                   cnapsNameChange();  
                }  
            });  
            $('#cnaps_name_select').trigger("chosen:updated");//重置下拉框  
            $('#cnaps_name_select').chosen();//下拉框检索框架  
        }  
    });  
}  
  
function cnapsNameChange() {  
    var cnaps_name_select = $('#cnaps_name_select').val();  
    var cnaps_name = $("#cnaps_name_select").find("option:selected").text();  
    var bank_name = $("#bank_code").find("option:selected").text();  
//  alert("cnaps_name_select："+cnaps_name_select);  
    $("#cnaps_no").val(cnaps_name_select);  
    $("#cnaps_name").val(cnaps_name);  
    $("#bank_name").val(bank_name);  
}