如何使用脚本清除 asp.net 中的文本框值答案

【问题标题】：how to clear a textbox value in asp.net using a script如何使用脚本清除 asp.net 中的文本框值
【发布时间】：2021-07-20 04:51:14
【问题描述】：

我的 asp.net 中有一个接受不同值的文本框，我编写了一个脚本，每次按 F5 按钮时，都会清除文本框中的值。当我运行代码并按 F5 时，文本框值存在。我该如何解决这个问题？

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="wellDesigned0428._default" %>

<!DOCTYPE html>
<script runat="server"></script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="~/StyleSheet1.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
    <form id="form1" runat="server">
        <div class="body">
            <div class="content ">
          <asp:TextBox ID="txtCodePers" runat="server" CssClass="textbox" AutoPostBack="True" OnTextChanged="txtCodePers_TextChanged" MaxLength="4" ></asp:TextBox> 
           <asp:TextBox ID="txtName" runat="server" CssClass="textbox"></asp:TextBox>   
        </div>
    </form>
        <script type="text/javascript">
            document.onkeydown = fkey;
            document.onkeyup = fkey;
            document.onkeypress = fkey;
            function fkey(e) {
                if (e.keyCode == 116) {
                    alert("f5 pressed");
                    document.getElementById("txtCodePers").value = "";
                    document.getElementById("txtName").value = "";
                }
            }
        </script>
</body>
</html>

【问题讨论】：

页面加载后，txtCodePers的id是什么，查看源码查看

标签： javascript asp.net

【解决方案1】：

我认为问题在于您使用 txtCodePers 的 id，它是来自服务器端的 id。设置 clientid 或使用 vew 源检查 txtCodePers 的 id 是什么。

除此之外，我不建议您覆盖 f5 的默认行为，即刷新。如果用户用户使用鼠标怎么办？或使用浏览器按钮进行刷新。

【讨论】：

【解决方案2】：

TextBox 的 ClientID 与 ID 属性中给出的不同。所以你的 javascript 将找不到元素。

您可以在脚本中使用ClientID，也可以在简单的情况下将ClientIDMode-属性添加到您的文本框中：

ClientIDMode="Static"

这将产生与您的ID 相同的ClientID，并且您不必更改您的javascript。

【讨论】：