Question

 <script language="javascript" type="text/javascript">

        $(document).ready(function() {
            $("#TextBox1").click(function() { alert("bla bla bla bla bla") });
        });

    </script>

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </asp:ToolkitScriptManager>
        <asp:TabContainer runat="server" ActiveTabIndex="0">
            <asp:TabPanel runat="server" HeaderText="Easd">
                <ContentTemplate>
                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                </ContentTemplate>
            </asp:TabPanel>
            <asp:TabPanel runat="server" HeaderText="asdasd">
                <ContentTemplate>
                    asd</ContentTemplate>
            </asp:TabPanel>
        </asp:TabContainer>

我需要TextBox1访问

Answer 1

我不确定“我需要访问”是什么意思，但我假设你的意思是你的jQuery代码无效。

生成的服务器端控件的客户端ID与设计的标记不同。您需要更新您的jQuery代码：

$("#<%#TextBox1.ClientID %>").click(function() { alert("bla bla bla bla bla"); });

这将动态插入文本框的客户端ID，以便您的jQuery选择器可以正常工作。

修改

如果您需要评价的价值：

$("#<%#TextBox1.ClientID %>").click(function() { alert( $(this).val() ); });

我只根据您的示例代码调用javascript函数alert和jquery事件click。另一个例子，如果你想在用户远离它时提醒/弹出文本框的值：

$("#<%#TextBox1.ClientID %>").blur(function() { alert( $(this).val() ); });

希望这会有所帮助......

Answer 2

试试这个：

<script type="text/javascript">
       $(document).ready(function(){
          alert($("#<%#TextBox1.ClientID %>").val());
        }); 
</script>

Link

Control Jquery中的Ajax Toolkit

2 个答案: