我们在做页面时,有些数据是不会让用户修改的。我们会在代码上加上 属性 readonly="readonly",虽然加上了readonly,
但是属性为type="reset"的"取消"按钮会把页面上所有的数据都清除掉,那么怎么做能把属性不为 readonly="readonly"
且是用户填写的数据清除呢?我说一下我的方法。
页面代码:
<input type="reset" value="取消" >
改为:
<input type="button" value="取消" οnclick="cancelDatas(this)">
js中取消按钮函数:
//取消按钮
function cancelDatas(button) {
//获取按钮的父类
var form=button.parentNode;
var tagname=null;
//循环 直到找到标签为FORM的值
while(tagname!="FORM" ){
form=form.parentNode;
if(form==null){break;}
//获得元素的标签名
tagname=form.tagName;
}
if(form!=null){
for (var i = 0; i < form.length; i++) {
if(form.elements[i].type=="text" && form.elements[i].getAttribute("readonly")!="readonly" ){
form.elements[i].value="";
}
}
}else {
button.type="reset";
}
}
一般数据在<form>中,所以找到form标签就行了,我的逻辑就是这样的,方法只清空type=="text"
的数据,如果清除下拉框等其他属性的值,逻辑是一样的。
如果有更好的方法,希望大神多多指导。我学习java的时间不长,需要更多的java知识才能成长。