Javascript 提交后无法清除表单
我有一个带有下拉列表的表单,我想在提交表单并显示表格后进行清除。我搜索了一个表单,发现可以使用javascript。我读了这篇文章。我编写了以下javascript代码,但它不起作用Javascript 提交后无法清除表单,javascript,html,forms,button,Javascript,Html,Forms,Button,我有一个带有下拉列表的表单,我想在提交表单并显示表格后进行清除。我搜索了一个表单,发现可以使用javascript。我读了这篇文章。我编写了以下javascript代码,但它不起作用 myjavascript.js <script type="text/javascript"> <!--clear function--> function resetForm(form){ // clearing selects
myjavascript.js
<script type="text/javascript">
<!--clear function-->
function resetForm(form){
// clearing selects
var selects = form.getElementsByTagName('select');
for (var i = 0; i<selects.length; i++)
selects[i].selectedIndex = 0;
return false;
}
</script>
myjavascript.js
函数重置窗体(窗体){
//清算选择
var selects=form.getElementsByTagName('select');
对于(var i=0;i“myjavascript.js”不能包含
、
和
Javascript文件中没有HTML标记
要在javascript中添加注释,请使用以下命令:
// my single line comment
/* my
multi line
comment */
使用jquery而不仅仅是原始javascript是一个好主意——它使事情变得更简单,代码更少,因此更易于维护
无论如何,如果您可以使用library-类似的功能应该可以:
$("#your_form").on('submit', function() {
$(this).find('input, textarea').val("");
$(this).find('select').prop('selectedIndex',0);
});
它应该清除您的表单。还要输入值-如果您不需要,可以删除行$(this)。查找('input,textarea').val(“”;
),它将只清除selectes
从myjavascript.js中删除标记
从resetForm中删除form参数;这不是必需的
将window.load调用添加到myjavascript.js中的resetForm()
myjavascript.js现在应该如下所示:
function resetForm(){
// clearing selects
var selects = document.getElementsByTagName('select');
for (var i = 0; i<selects.length; i++) {
selects[i].selectedIndex = 0;
}
}
window.load(resetForm());
函数resetForm(){
//清算选择
var selects=document.getElementsByTagName('select');
对于(var i=0;我能使用jQuery库而不仅仅是原始javascript吗?
function resetForm(){
// clearing selects
var selects = document.getElementsByTagName('select');
for (var i = 0; i<selects.length; i++) {
selects[i].selectedIndex = 0;
}
}
window.load(resetForm());