如果 select 标签的 'id' 是动态的，我如何获取 select 标签的所有值？

Question

问题： 我有下拉菜单（一页上大约有 10 个，每个都有不同的 id ）。我正在尝试自动化这些控制字段，我需要在其中设置下拉菜单的值，并且我正在尝试为所有下拉菜单实施通用解决方案。

例如：对于给定的下拉菜单，我想将其值设置为韩语 (ECU-KR)。

我的方法： 为了自动执行此下拉菜单，我试图获取 select 标签的所有值并迭代每个值以与要求值（我想在下拉菜单中设置（韩语（ECU-KR）））进行比较。但是我卡在这里了.....

需要帮助：

如何获取 'id' 的 select 标签？
如果我得到 id，那么我怎样才能得到特定 select 标签的所有值？

Answer 1

let x = document.getElementById("57:").selectedIndex;
let values = document.getElementsByTagName("option")[x].value;```

这应该可以为您做到。

Answer 2

您可以通过getElementById 获取元素。可以通过下拉列表的值检索所选值。选项属性包含数组，其中包含在下拉列表中找到的所有选项，因此您可以遍历它们并获取它们的值。

function onChange(event) {
  const id = event.id;
  console.log(id);
  var select = document.getElementById(id);
  console.log("selected = " + select.value);
  var options= new Array();
  for (i = 0; i < select.options.length; i++) {
   options[i] = select.options[i].value;
  }
  console.log("options = " + options)
}

<select id="57" onchange="onChange(this)">
  <option value="UTF-8">UTF-8</option>
  <option value="ISO-859">ISO-859</option>
  <option value="euc-kr">euc-kr</option>
</select>

Answer 3

获取选择器的 ID

假设你已经有一个名为selector的变量，它的id可以由selector.id决定。

获取所有选择的id

for (let select of document.querySelectorAll('select')) {
    //do something with select.id
}

通过 id 模式获取选择

因为你的 id 包含冒号，我假设你感兴趣的 select 标签在它们的 id 中都有冒号。在这种情况下：

for (let select of document.querySelectorAll('select[id*=":"]')) {
    //Do something with select.id
}

*= 是包含选择器。

获取具有某种 id 模式的选择的值

let values = {};
for (let select of document.querySelectorAll('select[id*=":"]')) {
    values[select.id] = [];
    for (let option of select.querySelectorAll('option')) {
        values.push(option.value);
    }
}

Answer 4

假设您知道要设置的值 – 并假设只有一个 <option> 元素存在该值 – 我建议不要担心 <select> 元素，而是关注在 <option>:

// select the <option> element by its value attribute:
let option = document.querySelector('option[value="ECU-KR"]'),
    // if you still have need of the <select> element:
    select = option.closest('select');
// set the selected property of the <option>:
option.selected = true;

如果 select 标签的 'id' 是动态的，我如何获取 select 标签的所有值？

How I can get all the values of select tag if 'id' of select tag is dynamic?

javascript

select

selector

dropdown

获取选择器的 ID

获取所有选择的id

通过 id 模式获取选择

获取具有某种 id 模式的选择的值