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 options数组中selected选项的索引，我们可以使用select元素对象的selectedIndex属性

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

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

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

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

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

Answer 2

QuerySelector用于在DOM上使用questionList:AngularFireList<any> = []选择器，类似于jQuery，但不支持伪选择器read on MDN

您可以做的是采取两步方法，获取元素，然后从该元素获取值。

赞：

css

无需查询选择器（需要元素的id）（名称也可以）的其他一般方法

var myElement = document.querySelector('select[name="plan_type"]);
var myValue = myElement.querySelector('[selected]').value;

Answer 3

options集合返回下拉列表中所有元素的集合。使用属性selectedIndex获取选定的选项。

let options = document.querySelector('select').options;
let text = options[options.selectedIndex].text;