javascript - 如何获取具有相同类和名称的多个选择选项的值

Question

我正在尝试获取所选选项的值。但是，有 2 个不同的选择菜单，使用相同的名称和类别。我希望能够将文本提取到值内。

我已经知道他们选择了哪个选项，但我似乎无法获取该选项的值。

这是 HTML

<div id="single_course" style="display: none;">
    <SELECT class="form-control" name="course_choice">
        <OPTION value="1">Value 1</OPTION>
        <OPTION value="2">Value 2</OPTION>
        <OPTION value="3">Value 3</OPTION>
    </SELECT>
</div>
<div id="2day_course" style="display: none;">
    <SELECT class="form-control" name="course_choice">
        <OPTION value="1">Value 1</OPTION>
        <OPTION value="2">Value 2</OPTION>
        <OPTION value="3">Value 3</OPTION>
    </SELECT>
</div>

这是 JS 代码

var course_choice = $('#register select[name=course_choice]').value;

非常感谢您的建议!!

Answer 1

首先，你无法获得两者的值。因此，您可以将其作为数组获取。你可以这样做:

<div id="single_course" style="display: none;">
    <SELECT class="form-control" name="course_choice[]">
        <OPTION value="1">Value 1</OPTION>
        <OPTION value="2">Value 2</OPTION>
        <OPTION value="3">Value 3</OPTION>
    </SELECT>
</div>
<div id="2day_course" style="display: none;">
    <SELECT class="form-control" name="course_choice[]">
        <OPTION value="1">Value 1</OPTION>
        <OPTION value="2">Value 2</OPTION>
        <OPTION value="3">Value 3</OPTION>
    </SELECT>
</div>

或者，如果您无法更改 HTML，那么您可以按照 sjkm 建议的方式进行操作:

var course_choices = $('select[name="course_choice"]');

var course_choice[0] = course_choices.eq(0).val();
var course_choice[1] = course_choices.eq(1).val();