如何在代码后面的文件中使用javascript来获取c#中动态生成的文本框文本

本文关键字：文本 获取 动态 javascript 代码 文件 | 更新日期: 2023-09-27 18:08:40

根据数据库值在UI中动态生成文本框。现在在按钮点击事件中，我想使用javascript在。cs文件中获取这个文本框的文本。

如何在代码后面的文件中使用javascript来获取c#中动态生成的文本框文本

不确定这是你想要的。但这里有一个例子，如何获得文本框的值创建在代码后面和检索值从javascript

前面的代码

    <div>
        <asp:Panel ID="pnlDynamicControl" runat="server">
        </asp:Panel>
        <br />
        <asp:Button ID="btnGetValue" runat="server" Text="Test" OnClientClick="return clickGetValue();" />
    </div>
</form>
<script type="text/javascript">
    function clickGetValue() {
        var control = document.getElementById('txtTest');
        // Better Ways
        var myControl = document.getElementById('<%=pnlDynamicControl.FindControl("txtTest").ClientID %>');

        // Check & Alert
        if (control != undefined) alert('Hardcode ID ways value is ' + control.value);
        // Check & Alert
        if (myControl != undefined) alert('C# findcontrol ways value is ' + myControl.value);
        return false;
    }
</script>

背后的代码
protected void Page_Load(object sender, EventArgs e)
{
    // Add to Panel
    TextBox txtTest = new TextBox();
    txtTest.ID = "txtTest";
    this.pnlDynamicControl.Controls.Add(txtTest);
}
相关文章：