重置按钮对下拉框同样有效

一、问题描述

客户使用我们提供的对参数表单增加重置按钮的例子时,对下拉列表不行,点重置按钮下拉列表当时是清空了,但是一点查询还是能记住没清空之前的值,也就是说只能在页面看到重置的效果,但是实际上点查询该下拉框还是会是上一次选择的值

比如:我们如果第一次选择了性别为男性的员工,点击查询后会在主表里显示出性别为男性的所有员工;如果点击重置按钮后,页面上参数表单里全部置空了,但是点查询后还是在主表里显示出所有男性员工

二、解决办法

该问题只能通过修改重置按钮调用的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;

}

}

}

这样就实现了对下拉框也能进行重置的重置按钮

热门文章