Question

我有一个简单的问题作为表格的一部分。如果用户回答＆＃34;是＆＃34;，他们可以选择输入更多详细信息。

当用户回答＆＃34;是＆＃34;，并在function f1() { var x = document.getElementById("buttons"); for(var i=9;i>=0;i--) { var y = document.createElement("BUTTON"); y.setAttribute("class","btn btn-primary btn-lg"); y.setAttribute("id","mybtn"); var z = document.createTextNode(i); y.appendChild(z); x.appendChild(y); } } function reader() { var x = document.getElementById("mybtn").firstChild; alert(x); }中输入更多详细信息时，在提交时返回为空。我无法弄清楚原因。我觉得这可能是我想念的小事。

示例：https://jsfiddle.net/sq8awxyk/

HTML

textarea

的jQuery

<form>
  <div id="name-form">
    <label for="name"><strong>Is this the correct name?</strong></label>
    <input type="radio" value="yes" name="name-choice" />Yes
    <input type="radio" value="no" name="name-choice" />No
  </div>
  <input id="submit" type="submit" value="submit" />
</form>

Answer 1

您需要再次阅读文本区域内容，并在使用前将其设置为提交事件中的response变量。

var response="";
$('#submit').on('click', function(e) {
  response = $('#textarea').val();
  alert(response);
  e.preventDefault();
});

Here是一个有效的jsFiddle

或者您需要在文本区域的keyup事件上设置响应变量值。

$(document).on("keyup","#textarea",function() {
  var text_length = $('#textarea').val().length;
  var text_remaining = nameFormLimit - text_length;
  $('#textarea_feedback').html(text_remaining + ' characters remaining');
  response = $('#textarea').val();
});

通过此更改，您无需在提交事件中阅读它。

Here是一个工作样本。

Textarea字段在提交时返回空

1 个答案: