javascript - 使用jquery选择所选元素的选项值

Question

我正在尝试使用 jquery 在 html 下拉列表中选择所选元素的选项值。

HTML

<select class="select1">
    <option value ="0">" + state.greens[0].name + "</option>
    <option value ="1">" + state.greens[1].name + "</option>
    <option value ="2">" + state.greens[2].name + "</option>
</select>

选项值表示数组中的索引位置，我可以加载该索引位置以生成有关其中对象的附加数据。

我正在尝试使用 jquery 来获取当前选择的任何下拉元素的选项值。

现在我正在使用此代码，但它不起作用:

JQUERY

var a = $(".select1 option:selected");

但是它不会返回“1”、“2”、“3”等。

当我运行 console.log(a) 时，我得到以下信息:

不知道发生了什么。

我的想法是，我可以使用变量 a 来加载数据，例如 state.greens[a].price、state.greens[a].ingredients 等。

Answer 1

你就快到了。只需给出:

var a = $(".select1 option:selected").attr("value");

或者给出这个:

var a = $(".select1").val();

您需要获取 <select> 的值.