html - 特定字段的多个重置按钮

Question

我的重置按钮能够工作，但在我的示例表单中，我有两个文件可以单独重置它们。现在，当我按下我的重置按钮时，它将重置两个字段。我不能form.reset()用来呼出，因为我不想重置我的整个表单值。因此，如果我为browseand选择了两个文件，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>