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>

特定字段的多个重置按钮

2 个答案: