将选定的选项从多个选择标签推入数组

时间:2019-01-21 19:25:32

标签: jquery html

我从“多项选择”中获取选择的选项值,我想将它们推入数组

这是编写的Jquery Code ive,用于在选择更改时将其选中并将值推入数组

/Admission.js

var myGrades = [];
$('.uace_grade').each(function(){
    $(this).change(function(){
        var $option = $(this).find(':selected').val();
        myGrades.push($option);
    });
    $('#result').html(myGrades);
});

HTML看起来像这样

<th class="textbold">Grade</th>                                              
<td>
    <select name="grade1" class="form-control textbox required uace_grade">
        <option value="">Grade</option>
        <option value="6">A</option>
    </select>
</td>
<td>
    <select name="grade1" class="form-control textbox required uace_grade">
        <option value="">Grade</option>
        <option value="5">B</option>
    </select>
</td>
<td>
    <select name="grade1" class="form-control textbox required uace_grade">
        <option value="">Grade</option>
        <option value="4">C</option>
    </select>
</td>
<td>
    <select name="grade1" class="form-control textbox required uace_grade">
        <option value="">Grade</option>
        <option value="3">D</option>
    </select>
</td>
<td>
    <select name="grade1" class="form-control textbox required uace_grade">
        <option value="">Grade</option>
        <option value="2">E</option>
    </select>
</td>
<td>
    <select name="grade1" class="form-control textbox required uace_grade">
        <option value="">Grade</option>
        <option value="1">O</option>
    </select>
</td>

我希望将Array结果写入ID为#result的表单元中,但什么也没有显示,我知道我可能会错过一些东西

1 个答案:

答案 0 :(得分:1)

$('#result')。html(myGrades); 遍历代码行。

您可以使用以下内容。

$('#result').html('');
for(var i=0;i<myGrades.length;i++){
   $('#result').append(myGrades[i]);

}