0

私はこれを私の見解で持っています：

 <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 の下に入力した内容を表示する必要があります。もう一度返信をクリックするまで、テキストエリアを再び非表示にする必要があります

私はこれを機能させるのに苦労しています。誰か助けてくれませんか？

4

1 に答える 1

1

いくつかの div を追加して値を表示し、MVC3 で jQuery を使用すると、すぐに jQuery を使用できます。$("#id") を使用すると、getElementById と同じように ID でアイテムを選択しますが、通常の選択よりもはるかに多くのことができる jQuery のラップされたセットです。

表示用の新しい div

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

onClick に入れる jQuery コード:

$("#textArea").hide();
$("#displayArea").innerText = $("#textArea").val();
于 2012-12-04T13:58:08.520 に答える