javascript - 在 javascript 中设置的文本框值在服务器端页面加载事件中不可用

Question

我有以下情况。我通过从服务器端调用 JavaScript 函数来设置文本框值。textox 值已完美分配，但它不在服务器端，它显示为空白。这是我的代码。

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    If Not IsPostBack Then
        Page.ClientScript.RegisterStartupScript(Me.GetType(), "set", "setValue();", True)
        TextBox1.Text = txt.Text
    End If
End Sub

这是我的 JavaScript 函数。

 <script type="text/javascript">
    function setValue() {
        document.getElementById("<%=txt.ClientID  %>").value = "Hello World";
    }

</script>

这是我的标记

<form id="form1" runat="server">
    <div>
        <asp:TextBox ID="txt" runat="server">
        </asp:TextBox>
        <asp:TextBox ID="TextBox1" runat="server">
        </asp:TextBox>
        <asp:Button ID="btnClic" runat="server" Text="Click Me" />
    </div>
</form>

第一个文本框值已完美分配。但它没有显示在第二个文本框上。

Answer 1

txt.Text 值将无法在代码中访问，您可以使用下面的 JavaScript 代码来实现此目的。

<script type="text/javascript">
    function setValue() {

        document.getElementById("<%=txt.ClientID%>").value = "Hello World";
        document.getElementById("<%=TextBox1.ClientID%>").value = document.getElementById("<%=txt.ClientID%>").value;
    }

</script>