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

请尝试使用以下代码段。

<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>

如果有任何疑虑，请告诉我。

Answer 2

试试这个： -

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

请注意我已经为所有文本框执行了此操作，但您仍可以使用相应的ID替换它。

当一个是onfocus时，如何清除页面上的所有asp：文本框？

2 个答案: