javascript - 将所有输入值放入列表javascript

Question

当响应页面呈现时，它会呈现各种输入字段。我试图将其放入一个列表中，使用 ajax 将其发送回 django View 。这是我试图用来实现此目的的 html 和 javascript。

<div id ='answers'>
{% for q in questions %}
{{q.question.numeric}}
{% if q.question.numeric%}
<div class = 'numeric_answer'>
    {{ q.question.question_text }}<br>
    <select name="Score">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>        
    </select>

</div>
{% else %}
<div class = 'text_answer'>
    {{ q.question.question_text }}<br>
    <input type="text" class="question_text"/><br>
</div>

{% endif %}


{% endfor %}
</div>

<button id="send">Submit</button>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
<script type="text/javascript">


$(document).ready(function() {

var button = $("#send");

$(button).click(function() {
    var vals = [];
    $("#answers :input").each(function(index) {
        vals.push(this.val);
    });
  vals = JSON.stringify(vals);
  console.log(vals);
});  
});
</script>

目前，无论输入什么，当我想要一个像 ['hey', 'asdasd', 5, 'ásdas']

Answer 1

问题出在这里:

$("#answers :input").each(function(index) {
    vals.push(this.val);
});

需要将循环中被迭代的元素作为函数的第二个参数传递，然后使用其value属性:

$("#answers :input").each(function(index, item) {
    vals.push(item.value);
});