Ajax沒有看到textarea值

Question

我在我的頁面上有一個textarea輸入，我想用AJAX發佈到服務器。 AJAX調用很好，但是，它不會看到textarea中的值。

我的HTML：

<div class="promptBody"> 
    <div id="promptText" onclick="replaceWithInput(this)"> 
     <p class="promptBody"><div id="prompty">{{prompt.prompt|linebreaks}}</div></p> 
    </div> 
    <form id="promptUpdateForm"> 
     <div id="promptInput"> 
      <p><textarea class="input" cols="40" id="id_prompt" name="prompt" placeholder="Prompt" rows="10"></textarea></p> 
      <p><input class="submit" type="submit" name="submit" id="submit" value="Edit Prompt" /></p> 
     </div> 
    </form> 
</div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(document).on('submit', '#promptUpdateForm', function(e) { 
      e.preventDefault(); 
      $.ajax({ 
       type: 'POST', 
       url: '/apps/litprompt/a/{{prompt.id}}/update/', 
       data: { 
        'prompt': $('#id_prompt').val(), 
        csrfmiddlewaretoken: $('input[name="csrfmiddlewaretoken"]').val(), 
       }, 
       success: function(json) { 
        $('#promptText').html(json.prompt_data); 
        var promptText = document.getElementById('promptText'); 
        var promptInput = document.getElementById('promptInput'); 
        promptText.style.display = 'block'; 
        promptInput.style.display = 'none'; 
       } 
      }); 
     }); 
    }); 
</script> 

如果我更改了數據我Ajax代碼爲 '提示'： '胡說'，它工作得很好。但每次我發佈'提示'：$（'＃id_prompt'）。val（），它是一個空值。

Answer 1

textarea HTML元素不是自閉合的。它必須由</textarea>關閉。

見如下：

<div class="promptBody"> 
    <div id="promptText" onclick="replaceWithInput(this)"> 
     <p class="promptBody"><div id="prompty">{{prompt.prompt|linebreaks}}</div></p> 
    </div> 
    <form id="promptUpdateForm"> 
     <div id="promptInput"> 
      <p><textarea class="input" cols="40" id="id_prompt" name="prompt" placeholder="Prompt" rows="10"></textarea></p> 
      <p><input class="submit" type="submit" name="submit" id="submit" value="Edit Prompt" /></p> 
     </div> 
    </form> 
</div>