| type == 'password'

Question

我有一个搜索功能列表，上面有一个文本框，用户可以在文本框中输入字母，列表会在每个字母之后得到更新。用户可以在文本框中输入字母，列表将在每个字母后得到更新。

例如，用户输入 "A"，那么列表将只显示包含 "A "的预告片。

我遇到的问题是，当用户关闭搜索时，文本框没有被清除。当我再次打开搜索时，我输入的内容仍然存在。我不知道它是如何记住我所输入的内容的，但我如何在每次打开搜索时清除文本框？

<tr>
    <td class="Header">
        Trailer Type
        <a style="float:right;width:16px;height:16px;margin-right:0px;" title="Pick from list..." class="iconSearch" id="btnShowType"></a>                                            
    </td>
    <td></td>
    <td>
        <asp:HiddenField ID="hfTrailerTypeID" Value="0" runat="server" />
        <asp:TextBox runat="server" ID="txtTrailerType"></asp:TextBox>
    </td>
</tr>

Answer 1

关闭搜索，似乎你隐藏了搜索面板（可以是一个 "div"）。这肯定不会清除字段。为此，你需要在用户点击关闭按钮时手动清除它，或者如果你正在刷新页面，那么在页面加载时清除。

下面是用jQuery来清除它的解决方案。

1. 其中一个简单的解决方案是

   $( "form" )[ 0 ].reset()。

2. 但如果你想清除一个元素内的输入字段，你可以这样做。

   $.fn.cleanUpControls = function() { return this.each(function() { var type = this.type, tag = this.tagName.toLowerCase(); if (tag == 'form') return $(':input',this).clearForm(); if (type == 'text')