重置按钮对下拉框同样有效
一、问题描述
客户使用我们提供的对参数表单增加重置按钮的例子时,对下拉列表不行,点重置按钮下拉列表当时是清空了,但是一点查询还是能记住没清空之前的值,也就是说只能在页面看到重置的效果,但是实际上点查询该下拉框还是会是上一次选择的值
比如:我们如果第一次选择了性别为男性的员工,点击查询后会在主表里显示出性别为男性的所有员工;如果点击重置按钮后,页面上参数表单里全部置空了,但是点查询后还是在主表里显示出所有男性员工
二、解决办法
该问题只能通过修改重置按钮调用的js方法来解决,经过测试后修改如下:
//对表单进行reset操作
function clearForm() {
var formObj = document.forms[0];
var formEl = formObj.elements;
for (var i=0; i<formEl.length; i++){
var element = formEl[i];
elementId = element.id;
if(elementId != null && elementId != ”){
document.getElementById(elementId).value=”";
}
if (element.type == ‘submit’) { continue; }
if (element.type == ‘reset’) { continue; }
if (element.type == ‘button’) { continue; }
if (element.type == ‘hidden’) { continue; }
if (element.type == ‘text’) { element.value = ”; }
if (element.type == ‘textarea’) { element.value = ”; }
if (element.type == ‘checkbox’) { element.checked = false; }
if (element.type == ‘radio’) { element.checked = false; }
if (element.type == ‘select-multiple’) {
element.selectedIndex = -1;
}
if (element.type == ‘select-one’) {
element.selectedIndex = -1;
}
}
}
这样就实现了对下拉框也能进行重置的重置按钮