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>