使用jquery选择所选元素的选项值(Selecting option value of selected element with jquery)
我正在尝试使用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等。
I'm trying to use jquery to select the option value of the selected element in an html dropdown.
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>
The option values represent an index position in an array that I can load to generate additional data about objects within them.
I'm trying to use jquery to grab the option value of whatever dropdown element is currently selected.
Right now I'm using this code but it's not working:
JQUERY
var a = $(".select1 option:selected");
However it's not bringing back "1", "2", "3", etc.
When I run console.log(a) I get the following:
Not sure what's happening.
The idea is that I can use the variable a to load data like state.greens[a].price, state.greens[a].ingredients, etc.