得到加载的页面值在JavaScript

Question

我有main.aspx和second.aspx.The代码main.aspx：

<form id="form1"> 
    <div id="main"> 
    </div> 
</form> 

而且在second.aspx：

<div id="second"> 
    <asp:Textbox runat="server" id="txt1"></asp:Textbox> 
    <input type="button" id="bttn" value="send"></input> 
</div> 

在运行我将second.aspx页面加载到main.aspx div id =“main”。

$("#main").load("second.aspx #second"); 

我想从main.aspx.But的文本框的值，当我试图

$("#bttn").click(function(){ 
    var t=$("txt1").val(); 
    alert(t); 
}); 

它给nothing.It似乎永远不会进入function.How可以得到来自文本框的值。

Answer 1

这是因为，当您所定义的事件是不存在的元素。你需要要么使用

1）事件代表团

$("#main").on('click','#bttn',function(){ 
    var t = $("#txt1").val(); 
    alert(t); 
}); 

或

2）绑定上加载事件的成功函数的事件

Answer 2

试试这个：

$("#bttn").click(function(){ 
    var t=$("#txt1").val(); 
    alert(t); 
});