我有一个页面,它从一个文件中读取并根据在搜索框中输入的内容显示过滤后的结果。当我单击重置按钮时,它会清除我想要的搜索框,但我也希望清除过滤后的结果。如果我取消注释下面的调用,目前已评论 - 它有效但搜索框不清除。
HTML:
<form>
<ul data-bind="foreach:properties">
<li><input data-bind="attr:{placeholder:id},event:{change:$root.onInputChange}, value:value, valueUpdate: 'afterkeydown'" /></li>
</ul>
<input type="reset" value="Reset"/>
<!--<input type="reset" value="Reset" data-bind="click:$root.onclick"/>-->
</form>
<p></p>
<table data-bind="foreach:itemsFiltered">
<tr data-bind="foreach:$parent.formatItem($data)">
<td data-bind="text:value"></td>
</tr>
</table>
我需要清除搜索框和筛选结果。
最佳答案
重置表单会将其中的字段重置为默认值(由 value
属性指定)。它不会清除字段,除非默认值为空。
您的 JavaScript 正在设置 value
属性。
如果您想留空这些字段,您需要将它们的 value
property 设置为空字符串,而不是简单地重置表单。
关于javascript - 重置按钮不会清除 HTML5 中的字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27964133/