textarea.val（）發送原始值不能編輯

Question

我有這個textarea的我MVC項目

<textarea id="edit-content" name="content" placeholder="Text content goes here">@Model.content</textarea> 

，但是當我嘗試發送給的Json呼叫這樣

<script type="text/javascript"> 
    function save() { 
     var $title = $('#edit-title'), 
      $content = $('#edit-content'), 
      $messageLoading = $('#message-edit-loading'), 
      $messageError = $('#message-edit-error'), 
      $id = $('#edit-id'); 

     updateComment($id.val(), $title.val(), $content.val()) 
      .done(function (data) { 
       if (data.IsValid()) { 
        $messageError.html(''); 
        $messageError.removeClass('hidden'); 
        $messageLoading.removeClass('hidden'); 
        $messageLoading.html('The text is saved'); 
       } else { 
        $messageError.removeClass('hidden'); 
        $messageError.html(data.Message); 
       } 
      }) 
      .fail(function (xhr, message) { 
       $messageError.removeClass('hidden'); 
       $messageError.html('Registration failed: ' + message); 
      }) 
    }; 
</script> 

我得到原始值@ Model.content而不是新值。

編輯

我的script.js代碼

function updateComment(id, title, content) { 
    return $.get("/Chapter/GetJSON_Update", 
     { 
      id: id, 
      title: title, 
      content: content 
     }, 
     'json'); 
}; 

整個代碼從我Edit.cshtml

@model Academia_Unitate.Models.Chapter 
@{ 
    ViewBag.Title = "Edit " + Model.title; 
    Layout = "~/Views/Shared/_Layout.cshtml"; 
} 

@Html.Partial("~/Views/Shared/_TinyMCE.cshtml") 

<div id="edit"> 
    <h1> 
     Edit @Model.type.name 
    </h1> 

    <div class="" role="form"> 
     <div class="form-group"> 
      <label class="sr-only" for="title">Title</label> 
      <input class="form-control" type="text" id="edit-title" placeholder="Enter a title" value="@Model.title" required="required" /> 
     </div> 

     <div class="form-group"> 
      <label class="sr-only" for="content">Content</label> 
      <textarea id="edit-content" name="content" placeholder="Text content goes here">@Model.content</textarea> 
     </div> 

     <button type="submit" class="btn btn-success" id="save-btn" onclick="save()"><span class="glyphicon glyphicon-ok"></span> Save</button> 

     <span id="message-edit-loading" class="alert hidden"></span> 
     <span id="message-edit-error" class="alert alert-danger hidden"></span> 
    </div> 
</div> 

<input type="hidden" value="@Model.id" id="edit-id"/> 

<script type="text/javascript"> 
    function save() { 
     var $title = $('#edit-title'), 
      $content = $('#edit-content'), 
      $messageLoading = $('#message-edit-loading'), 
      $messageError = $('#message-edit-error'), 
      $id = $('#edit-id'); 

     updateComment($id.val(), $title.val(), $content.val()) 
      .done(function (data) { 
       if (data.IsValid()) { 
        $messageError.html(''); 
        $messageError.removeClass('hidden'); 
        $messageLoading.removeClass('hidden'); 
        $messageLoading.html('The text is saved'); 
       } else { 
        $messageError.removeClass('hidden'); 
        $messageError.html(data.Message); 
       } 
      }) 
      .fail(function (xhr, message) { 
       $messageError.removeClass('hidden'); 
       $messageError.html('Registration failed: ' + message); 
      }) 
    }; 
</script> 

Answer 1

你很可能有不止一個在你的頁面上，要麼使他們的id屬性唯一或目標在您的jQuery的索引。