如何清除页面上的所有asp:文本框？

Question

我有一个搜索页面，它有几个不同的文本框，我的代码背后用来搜索数据库。如果用户开始输入一个文本框，则需要清除其他文本框。对如何做到这一点有什么想法吗？

<asp:TextBox ID="TextBoxAppID" CssClass="TextBoxSearch" runat="server" BorderWidth="0"></asp:TextBox>
<asp:TextBox ID="TextBoxName" CssClass="TextBoxSearch" runat="server" BorderWidth="0"></asp:TextBox>
<asp:TextBox ID="TextBoxContractID" CssClass="TextBoxSearch" runat="server" BorderWidth="0"></asp:TextBox>
<asp:TextBox ID="TextBoxVIN" CssClass="TextBoxSearch" runat="server" BorderWidth="0"></asp:TextBox>

Answer 1

试试这个：-

 $('input[type="text"]').keyup(function () {
     $('input[type="text"]').not(this).val("");
 });

请注意，我已经为所有文本框这样做了，但无论如何，您可以用相应的id替换它。

Answer 2

请尝试使用下面的代码片段。

<head runat="server">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $(".TextBoxSearch").change(function () {
                $(".TextBoxSearch").not('#' + $(this).attr('id')).val('');
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:TextBox ID="TextBoxAppID" CssClass="TextBoxSearch" runat="server"></asp:TextBox>
        <asp:TextBox ID="TextBoxName" CssClass="TextBoxSearch" runat="server"></asp:TextBox>
        <asp:TextBox ID="TextBoxContractID" CssClass="TextBoxSearch" runat="server"></asp:TextBox>
        <asp:TextBox ID="TextBoxVIN" CssClass="TextBoxSearch" runat="server"></asp:TextBox>
    </form>
</body>

如果有任何担心的话请告诉我。