【问题标题】:resetting the textbox through client side using javascript in asp.net在asp.net中使用javascript通过客户端重置文本框
【发布时间】:2014-05-21 07:24:58
【问题描述】:

我想使用 javascript 通过客户端重置文本框。我使用以下方法来重置文本框。但是,它们没有重置。

cText = "";
document.getElementById("<%=txtText.ClientID %>").value = cText;

document.getElementById("<%=txtText.ClientID %>").value = "";

请问有人可以帮我吗?

代码:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript">
        function validate() {
            var cText = document.getElementById('<%=txtText.ClientID %>').value;

            if (cText != "") {
                alert("Text is not null.");
                document.forms['UserMaster'].elements['txtText'].focus();
                $("#<%=txtText.ClientID %>").val("");
                return false;
            }

            return true;
        };
    </script>
</head>
<body>
    <form id="form" runat="server">
    <div class="page">
                <asp:TextBox ID="txtText" runat="server"></asp:TextBox>
                <br/>
                <asp:Button ID="btnSubmit" runat="server" Text="Submit" Font-Bold="true" OnClientClick="return validate()" 
                ForeColor="#9370DB" Height="23px" Width="65px" OnClick="btnSubmit_Click"
                />
            <br />
   </div>
     </form>
</body>
</html>

【问题讨论】:

  • 错字:getElemenyById 应该是getElementById
  • @RGraham,谢谢你的纠正,我没看到。
  • 我试过 $("#txtText").val("");.但它没有用。
  • 这个怎么样:document.getElementById('').innerText='';
  • $("#").val(""); 怎么样

标签: javascript asp.net


【解决方案1】:

以下是您的问题的解决方案:

document.getElementById('<%=txtText.ClientID %>').value='';

您使用的双引号对您不起作用,而您需要使用单引号,如上面的代码所示。这是你的问题。

.value=" ";   //is Wrong

快乐编码。

【讨论】:

    【解决方案2】:

    我遇到了同样的问题,使用它帮助我解决了问题。 在这里,您可以从浏览器中检查控件并获取该控件的 ID。

    // ControkClientID is the ID from Inspect element
    document.getElementById(ControlClientID).value='';
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-02-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多