更新面板和模态窗口

Question

我有我的mainpage.aspx然后我mainDetails.ascx

/*As well as this javascript:*/ 
 
$(document).ready(function() { 
 
    $("#modal-close").click(function() { 
 
    $("#modal-content, #modal-background, #modal-close").toggleClass("active"); 
 
    }); 
 
    $("#keywordSelection").click(function() { 
 
    alert('hit'); 
 
    }); 
 
}); 
 
/*mainDetails.ascx is an `asp:UpdatePanel` this contains the following javascript:*/ 
 
function jsModal() { 
 
    $("#keywordSearch").click(function() { 
 
    //alert('hi'); 
 
    $("#modal-content, #modal-background, #modal-close").toggleClass("active"); 
 
    //$("#modal-content").$("divTestVal").append.html 
 

 
    var html = $("#modal-content").next("#divTestVal").html(); 
 
    alert(html); 
 
    }); 
 
}

<!-- mainpage.aspx is a web form that contains the following:--> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="modal-background"></div> 
 
<div id="modal-content"> 
 
    <input type="button" id="modal-close" value="Close Modal Window" /> 
 
    <br /> 
 
    <div id="divTestVal"> 
 
    [Append Values Here!] 
 
    </div> 
 
    <br /> 
 
    <input type="button" id="keywordSelection" value="Selector!" /> 
 
</div>

我需要的是填充和模态读取的值的方式。现在，html变量返回null。

如何从模态获得[Append Values Here!]值？

Answer 1

我发现了一种方法。

在mainDetail.ascx

的JavaScript我增加了以下内容：

 $('#modal-content div').each(function (index) { 
      alert($(this).text()); 
      $(this).html("updated text now"); 
     }); 

这不仅遍历的mainpage.aspx模态窗口中的每个格，但在div也更新文本值。