<tr>
<td>
<div style="width: 150px;overflow: hidden;border: 1px solid #DDDDDD;padding: 0px;margin: 0px;">
<select id="searchSelect" class="easyui-combobox" name="dept" style="width:170px;height: 25px;border: hidden" data-options="
valueField:'username',textField:'name',onSelect:selPerson,onChange:changeVal">
</select>
</div>
</td>
<td>
<a id="btn" onclick="searchWord();" class="easyui-linkbutton" iconCls="icon-search"></a>
</td>
</tr>
怎么实现上面这个div里面用回车键实现查找的请求?现在是用回车是清空输入框里面输入的值。
我是这样写的 但是还是不行
$('#searchSelect').keydown(function(event){
var val = $("#searchSelect").combobox("getText");
if(event.keyCode == 13){
var paraData = "paramType=search&page=1&rows=10000000&name=" + val
requestPost("../../userSearch", paraData, function(data){
var obj = jQuery.parseJSON(data);
$("#searchSelect").combobox('loadData', obj.rows);
$("#searchSelect").combobox('setText', val);
if (obj.rows.length <= 0) {
$("#searchSelect").combobox('hidePanel');
}
});
}
$("#searchSelect").combobox("showPanel");
});
<tr>
<td>
<div onkeydown = "enterSearch()" style="width: 150px;overflow: hidden;border: 1px solid #DDDDDD;padding: 0px;margin: 0px;">
<select id="searchSelect" class="easyui-combobox" name="dept" style="width:170px;height: 25px;border: hidden" data-options="
valueField:'username',textField:'name',onSelect:selPerson,onChange:changeVal">
</select>
</div>
</td>
<td>
<a id="btn" onclick="searchWord();" class="easyui-linkbutton" iconCls="icon-search"></a>
</td>
</tr>
function enterSearch(e){
event = e||window.event;
if(event.keyCode == 13){ searchWord(); }
}
可以么
谢谢你 但还是不行
@飘飘城:
function enterSearch(e){
event = e||window.event;
if(event.keyCode == 13){ alert(1); }
}
我觉得都没进去这个地方。
@codingHeart: 进到方法里面了,但是点击回车键 还是清空了里面输入的值,没有执行 searchWord()这个方法
@codingHeart: 好像捕捉不到enter 这个健
@codingHeart: 我打印 event.keyCode其他键都能输出,但就是点击回车键 捕捉不到
@飘飘城:
function enterSearch(e){
event = e||window.event;
event.cancelBubble = true;
if(event.keyCode == 13){ alert(1); }
}
这个试试
@飘飘城: enter被输入框截获了,后面的绑定事件就没得捕了感觉
@codingHeart:
@codingHeart: 我就输入一个c 代码:
http://blog.csdn.net/iaiti/article/details/48491915