添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

js获取select的option所有值

获取select元素中所有option的值,可以使用JavaScript中的DOM操作来实现。

具体步骤如下:

1.获取select元素对象:

let selectElement = document.getElementById("selectId"); //这里的selectId为select元素的id属性值

2.获取select元素中所有的option元素对象:

let options = selectElement.options;

3.遍历option元素对象,获取每个option元素的值:

let optionValues = [];
for (let i = 0; i < options.length; i++) {
  optionValues.push(options[i].value);

完整代码示例:

let selectElement = document.getElementById("selectId");
let options = selectElement.options;
let optionValues = [];
for (let i = 0; i < options.length; i++) {
  optionValues.push(options[i].value);
console.log(optionValues);

其中,selectId为select元素的id属性值。最终结果会输出一个包含所有option元素的值的数组optionValues。

注意,如果option元素没有设置value属性,则获取到的option值为该元素的文本内容。

  •