使用JavaScript注入HTML

我有這個在我看來：使用JavaScript注入HTML

<div class="grid_12"> 
<div class="box tabbed news" id="box1"> 
    <div class="header"> 
    <h3> 
     <%: Model.News.Title %> 
    </h3> 
    </div> 
    <div class="content" id="newsItem"> 
    <% Html.RenderPartial("NewsItem", Model); %> 
    </div> 
    <div class="clear"></div> 
</div> 
</div> <!-- End of .grid_12 --> 

<div class="clear"></div> 
<table id="table2"> 

</table> 
<div class="grid_12"> 
<div class="box tabbed news" id="box2"> 
    <div class="content" id="testdiv"> 
    <table id="table"> 
     <tr> 
     <td> 
      <a href="javascript:ShowReplyTextArea();" class="button">Reply</a> 
     </td> 
     <td> 
      <a href="javascript:ReplyPost(<%: Model.News.NewsId %>);" class="button" id="post_button">Post</a> 
     </td> 
     </tr> 
    </table> 
    </div> 
    </div> 
</div> 
<div class="clear"></div> 
</asp:Content> 

<asp:Content ID="Content5" ContentPlaceHolderID="ScriptPlaceHolder" runat="server"> 
<script type="text/javascript"> 
function ShowReplyTextArea() { 
    div = document.getElementById('testdiv') 
    textArea = document.createElement("textarea"); 
    textArea.setAttribute('rows', 20); 
    textArea.setAttribute('cols', 149); 
    textArea.setAttribute('id', "textarea"); 

    div.appendChild(textArea); 
} 

function ReplyPost(newsId) { 
    var message = $("#textarea").text(); 
    if (message != null) 
    $("#post_button").show(); 
    var jqxhr = $.getJSON("<%= Url.Action("ReplyPost", "Home", new { area = "News" }) %>?newsId=" + newsId + "&message=" + message, function (data) { 
    }); 

    divtext = document.getElementById('table2'); 
    divtext.setAttribute('text', message); 
} 
</script>

當我點擊回覆按鈕我的文字區域彈出，我在一些新聞類型，點擊後按鈕。我需要顯示我剛剛在grid_12 div下鍵入的內容。 textarea然後必須再次隱藏，直到我再次點擊回覆

我很努力使這項工作。有人可以幫忙嗎？

來源

2012-12-04 charlie_cat

請改變'Post'來'Post'，看看它是否有助於 – mplungjan

沒有任何反應，當我點擊「Post」 –

當你提交var jqxhr = $ .getJSON（「<％= Url.Action（」ReplyPost「，」Home「，new {area =」News「}）％>？newsId =」 + newsId +「＆message =」+消息，功能（數據）{ 在這裏做點什麼！ }） – mplungjan

添加一些div來顯示值並在MVC3中使用jQuery，您可以使用jQuery開箱即用。當你使用$（「＃id」）時，你可以通過id來選擇項目，就像getElementById一樣，但是它是jQuery的一套包裝，你可以做更多的事情比正常選擇更多。

爲displaing

<div id="displayArea"></div>

一些jQuery代碼就擺在的onClick新的div：

$("#textArea").hide(); 
$("#displayArea").innerText = $("#textArea").val();

來源

2012-12-04 13:58:08 Mateusz

使用JavaScript注入HTML

回答

相關問題