首页 > 代码库 > easyui-combobox绑定回车事件注意事项

easyui-combobox绑定回车事件注意事项

回车事件的定义的位置必须是easyui-combobox数据加载的后面,才有效果。

 

HTML文件:

<select id="aucBrandNo" class="easyui-combobox"  name="aucBrandNo" style="width: 160px;"
     data-options="required:true,onHidePanel:function(){validateComboboxInputValue(this)}">
   </select>

 

 

JS文件定义回车事件:

//combobx数据的加载
function
auctionSelect(aucBrandNos,aucBrandNo) { var aucBrandNoStr = ‘‘; $.each(aucBrandNos, function(index, temp) { aucBrandNoStr += ‘<option value=http://www.mamicode.com/‘ + temp.key + ‘>‘ + temp.name.substring(1,4) + temp.name.substring(0,1) + ‘</option>‘; }); $(‘#aucBrandNo‘).html(aucBrandNoStr); $(‘#aucBrandNo‘).combobox({}); $(‘#aucBrandNo‘).combobox(‘setValue‘, aucBrandNo); keyDownEventFun();//回车事件公共方法 };

 

 

function keyDownEventFun(){
    $(‘#aucBrandNo‘).textbox(‘textbox‘).keydown(function (event) {
        if (event.keyCode == 13) {
            //TODO
        }
    });

}

 

easyui-combobox绑定回车事件注意事项