[英]Clear all textfields inside a DIV with javascript only
我想用一个按钮清除给定DIV中所有文本字段的内容。 我正在使用这个javascript代码:
<div id="block1">
<table>
<tr>
<td><!--somefields--></td>
</tr>
<tr>
<td><input type="button" onclick="clear('block1')" value="clear"></td>
</tr>
</table>
</div>
<script type="text/javascript">
function clear(fieldid) {
document.getElementById(fieldid).childNodes[3].innerHTML='';
}
</script>
但它不起作用。 怎么了?
谢谢。
下面的代码片段为您提供示例输入文本框
<div id="block1"> <table> <tr> <td><input type="text" value="Hello"/></td> </tr> <tr> <td><input type="button" onclick="clearFields('block1')" value="clear"></td> </tr> </table> </div> <script type="text/javascript"> function clearFields(fieldid) { var container, inputs, index; container = document.getElementById(fieldid); inputs = container.getElementsByTagName('input'); for (index = 0; index < inputs.length; ++index) { if(inputs[index].type =="text") inputs[index].value = ''; } } </script>
您可以从所需的div
选择所有输入,并在循环中将它们的值设置为空。
function clear(fieldid) {
var container = document.getElementById(fieldid);
var inputs = container.getElementsByTagName('input');
for (var index = 0; index < inputs.length; ++index) {
inputs[index].value = '';
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.