jQuery.Slwy.Selector plugin

绑定元素为select

        
        //html
        <select name="select" id="Airline">
            <option value="CA" data-right="CA" disabled>中国国际航空</option>
            <option value="MU" data-right="MU">东方航空</option>
            <option value="CZ">南方航空</option>
            <option value="FM" disabled>上海航空</option>
        </select>

        //JS
        $('select#Airline').SlwySelector({
            //title: '支持中文|代码搜索',//自定义标题
            //titleBar: false,//是否显示标题栏
            // data: data,//自定义数据
            //showField: 'CarrierName',//需要展示的自定义数据字段名
            showRight: true,//是否显示右侧字段
            //showRightFiled: 'CarrierCode',//需要展示的右侧自定义数据字段名
            search: true,//是否显示搜索
            searchPlaceholder: '搜索航空公司'//搜索栏placeholder
        })
        //选择事件
        /*.on('selected', function (e) {
            console.log(e.value)
        })*/
        
    

绑定元素为input

        
        //html
        <input type="text" id="Airline2" placeholder="选填（中文/代码）">

        //JS
        $('input#Airline2').SlwySelector({
            title: '支持中文|代码搜索',//自定义标题
            titleBar: true,//是否显示标题栏
            data: data,//自定义数据
            showField: 'CarrierName',//需要展示的自定义数据字段名
            showRight: true,//是否显示右侧字段
            showRightFiled: 'CarrierCode',//需要展示的右侧自定义数据字段名
            search: true,//是否显示搜索
            searchPlaceholder: '搜索航空公司'//搜索栏placeholder
        })
        //选择事件
        /*.on('selected', function (e) {
            console.log(e.value)
        })*/