将值插入数组

时间:2017-12-19 14:51:13

标签: jquery html forms

这是我的HTML代码:

<form method="POST" action="" class="form1">
    <input type="submit" name="submit" value="Generate"><br>
    <h3>Questions</h3><button class="new_btn">Add New</button><br>
    <div class="add_ques">
        <span>Question1</span><textarea name="ques1" id="ques1"></textarea><br>
        Option1<select class="option" name="opt1" id="opt1">
            <option value="1">1</option>
            <option value="2">2</option>
        </select><br>
    </div>
</form>

单击添加新按钮时,另一组问题和选项字段将附加到末尾。该字段的名称和ID将自动递增。例如:下一个问题的名称将是ques2。我需要使用jquery获取所有问题的值。我试过以下代码:

jQuery(".form1").submit(function(){
        for (var i = 1; i <= counter; i++) {
            qus[i] = jQuery('#ques'+i).val();
        }
        alert(qus);
}); 

不显示任何警报。并在控制台上显示错误&#34; qus [i] = jQuery(&#39; .ques&#39; + i).val();&#34; 。帮我在代码中找到错误

1 个答案:

答案 0 :(得分:1)

我找到了解决方案

jQuery(".form1").submit(function(e){

                    qus =[];

                    for (var i = 1; i <= counter; i++) {
                        qus.push(jQuery('#ques'+i).val());

                    }

            });