JavaScript重置某些表单域

问题描述

我有不同的模式窗口，它接受从它的父页面传递的值。每个模式都包含一个具有特定功能的表单，用户必须填写并提交。

以下是其中一个窗口的代码（我将保留代码为尽可能短）：

 < div class =modal hide fadeid =myPreadviceModal> 
< div class =modal-body> 
< form class =wellaction =method =POSTid =modalFormname =modalForm> 
 
< label>容器< / label>从主页面传递
 / *** class =container*** / 
< input type =textname =containerid =containerclass =containerreadonly /> 
 
< label> BOL< / label> 
 / *** class =bol从主页面传递*** / 
< input type =textname =bolid =bolclass =bolreadonly /> 
 
< label>使用者名称< / label> 
< input type =textid =usernamename =username/> 
 
< label>电子邮件< / label> 
< input type =textid =emailname =email/> 
 
< input type =submitid =modalSubmitname =submitPreadvicehref =＃value =Submit/> 
 
 / ***这是复位按钮*** / 
< input type =resetid =resetvalue =Reset/> 
 
< / form> 
< / div> 
< / div> 
  

目前，上面的重置按钮将清除整个表单。但我不想清除整个表格。只需用户输入数据。从父页面传递的数据必须保留在表单中。

对于完全独立的表单，我有另一个javascript函数，但我需要将其更改为适合需要重新设置模式表单，并且我有大约8种不同的模式表单。

以下是我之前不相关表单的javascript：

 < script type =text / javascript> 
函数resetForm（filterForm）
 {
 var myForm = document.getElementById（filterForm）; （'var'= 0; i< myForm.elements.lengths; i ++）
 'reset'！= myForm.elements [i] .type）
 {
 myForm.elements [i] .checked = false; 
 myForm.elements [i] .value =''; 
 myForm.elements [i] .selectedIndex = 0; 
} 
} 
} 
< / script> 
  

如何利用和修改这段JavaScript的各种模式形式，重置从父页面传递的数据，但重置所有其他字段？

请帮助。

谢谢如果你能够并愿意向用户可编辑的字段中添加类，你可以使用类似于