更新面板和模態窗口

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也更新文本值。