重置按钮不会清除HTML5中的字段

时间:2015-01-15 13:04:05

标签: javascript jquery html5 reset

我有一个页面,它从文件中读取并根据搜索框中输入的内容显示过滤结果。当我单击重置按钮时,它会清除我想要的搜索框,但我也希望清除过滤​​后的结果。如果我取消注释下面的评论,此评论此刻被评论 - 它可以工作,但搜索框不会清除。

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>

我需要搜索框和过滤结果才能清除。

1 个答案:

答案 0 :(得分:5)

重置表单会将其中的字段重置为默认值(由value属性指定)。除非默认值为空,否则它不会清除字段。

您的JavaScript正在设置value属性。

如果您要删除字段,则需要将value 属性设置为空字符串,而不是简单地重置表单。