javascript - 选项 :selected in javascript

Question

我能够在 JavaScript 中执行以下操作:

document.querySelector('select[name="plan_type"] option')

但是，我如何获得所选选项？例如:

document.querySelector('select[name="plan_type"] option:selected')

(jquery 中的等效项为:$('select[name="plan_type"] option:selected')。

Answer 1

我们可以使用其名称获取对此类型元素的引用:

oSelectOne = oForm.elements["select_one_element_name"];

要获取所选选项在 select 元素的 JavaScript 选项数组中的索引，我们可以使用 select 元素对象的 selectedIndex 属性

var e =document.querySelector('select[name="plan_type"]');
var strUser = e.options[e.selectedIndex];

我们现在可以使用此索引来确定所选选项的值:

var strUser_value = e.options[index].value;

如果我们需要获取与所选选项相对应的文本，我们需要使用选项元素的 text 属性，而不是 value 属性:

var strUser_text = e.options[index].text;