对于特定字段的多个重置按钮

Question

我的重置按钮能够工作，但在我的示例窗体中，我有两个文件可以单独重置它们。现在当我按下我的重置按钮时，它将重置两个字段。我不能使用form.reset()来呼出，因为我不想重置我的整个表单值。所以，如果我有两个文件被选为browse和browseAssign，我点击取消。两个值都消失了。

Updated Code: 
<form name = "sample" id = "sample" action ="nextpage.php"> 
<input name="Name" type="text" id="Name" value="Joey"/> 
<input name="browse" type="file"/> 
<button type="reset" title="Cancel" onClick="document.getElementsByName('browse').value=''"><span>cancel</span></button> 

<input name="browseAssign" type="file"/> 
<button type="reset" title="Cancel" onClick="document.getElementsByName('browseAssign').value=''"><span>cancel</span></button> 

</form> 

它仍然重置两个浏览字段。敬请指教。

Answer 1

使用此：

<form name="sample" id="sample" action="nextpage.php"> 
<input name="Name" type="text" id="Name" value="Joey" /> 
<input id="browse" name="browse" type="file" /> 
<button title="Cancel" onclick="event.preventDefault();document.getElementById('browse').value='';"><span>cancel</span></button> 
<input id="browseAssign" name="browseAssign" type="file" /> 
<button title="Cancel" onclick="event.preventDefault();document.getElementById('browseAssign').value='';"><span>cancel</span></button> 
</form> 

它是如何工作的：添加的ID将文件输入，然后在onclick事件，阻止默认动作（提交表单），然后重置相关输入的值到''。

Answer 2

使用element.value = "";

例子：

<button type="reset" title="Cancel" onClick="document.getElementsByName('browse').value=''"><span>cancel</span></button>