更新面板和模式窗口

update panel and modal windows

本文关键字：模式 窗口 更新      更新时间：2023-09-26

我有我的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!]值？

我找到了一种方法。

在mainDetail.ascx javascript中，我添加了以下内容：

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

这不仅在mainpage.aspx上的模态窗口中循环遍历每个div，而且还会更新div中的文本值。

相关文章：