当我们使用多个条件进行查询数据时,如果查询后,需要再一次进行查询,需要把原来的查询条件进行清空,然后输入新的查询条件。以下只适用于easyui框架,原生js有它自己的一套js代码,其他框架也可能有自己的函数。所以,只适用于easyui。
首先是input文本框的重置,
<input type="text" id="SIP" name="a" size="20"
onkeydown="if(event.keyCode==13) searchCity()" />
我给他定义了一个name,使用name进行重置。接下来是下拉框,也定义了个name
<select id="xy" class="easyui-combobox" name="xieyi" style="width:200px;" onkeydown="if(event.keyCode==13) searchCity()">
<option >选择协议类型</option>
<option>ssh</option>
<option>wts</option>
<option>vnc</option>
<option>remoteadmin</option>
<option>bo2000</option>
<option>ftp</option>
<option>pcany</option>
</select>
然后就是,重置按钮:
<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="doReset()">重置</a>
最后,就是重置函数,也就是doReset()函数:
/* 查询条件重置 */
function doReset(){
$('#xy').combobox('setValue','选择协议类型');
$('input[name=a]').val("");
}
只要点击重置按钮,就可以重置了。