从javascript中加载的页面获取价值[重复]

Question

我有main.aspx和second.aspx。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 获取文本框值。但是当我尝试时

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

它什么也没有。它似乎永远不会进入函数。如何从文本框中获取值。

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);
});