Question

我有以下代码，有没有办法把它放在一个更简单的格式。当某个关键字段中的日期被更改或变为空白时，我必须删除50个或更多字段。

if (zEntry ==""){

document.getElementById("Q229I1226").value="";
document.getElementById("DQ230I1227").value="";
document.getElementById("DQ231I1228").value="";
document.getElementById("Q4I1001").value="";

//Date from fall to arrival 
document.getElementById("Q232I1229").value="";
document.getElementById("DQ233I1230").value="";
document.getElementById("DQ234I1231").value="";
document.getElementById("Q5I1002").value="";

//Date Time of referral to T&O surgery
document.getElementById("Q238I1235").value="";
document.getElementById("DQ239I1236").value="";
document.getElementById("DQ240I1237").value="";
document.getElementById("Q15I1012").value="";
document.getElementById("Q17I1014").value="";       

//Date seen T&O 1st on call
document.getElementById("Q241I1238").value="";
document.getElementById("DQ242I1239").value="";
document.getElementById("DQ243I1240").value="";
document.getElementById("Q16I1013").value="";
}

谢谢

Answer 1

您必须在输入中添加公共类。

var array = document.getElementsByClassName('className');
for (var i = 0, lng = array.length; i < lng; i++) {
    array[i].value = '';
}

Answer 2

如果要清除所有具有相同标记的字段，可以使用

document.getElementsByTagName(arg)，而arg是'input'，'option'等。

但是如果你想要清除特定的输入，你必须给他们一个类并使用

document.getElementsByClassName(arg)

Answer 3

将类添加到输入字段并尝试

var array_container = document.getElementsByClassName('example'); for (var i = 0, i < array_container.length; i++) { array_container[i].value = ''; }

Answer 4

您也可以尝试这种方法：

// store all the element ids in an array
var element_ids = ['Q229I1226', 'DQ230I1227', 'DQ231I1228', 'Q4I1001',
                   'Q232I1229'];

element_ids.forEach(function(element_id){
     document.getElementById(element_id).value = '';
});

Answer 5

以下是如何通过循环清除所有输入框/字段的解决方案。

Loop though all input boxes and clear them

清空/清空表单页面中的所有字段

5 个答案: