javascript - 获取所有选择/选项列表以某事开头

Question

在 HTML 页面中，我有多个列表。

<select name="salut-1358937506000-OK">
<option selected="" value="OK">OK</option>
<option value="OK">NOK</option>
</select>

<select name="salut-1358937582000-OK">
<option selected="" value="OK">OK</option>
<option value="OK">NOK</option>
</select>
...

在javascript中，我想获取所有以“salut-”开头的选择/选项列表。对于论文列表，我想比较他的名字和他选择的值。

我知道在 jQuery 中是可能的，但不能使用 jquery，只能使用 javascript（JSNI 和 GWT）。

你有想法吗？

谢谢！

Answer 1

var selects = document.getElementsByTagName('select');
var sel;
var relevantSelects = [];
for(var z=0; z<selects.length; z++){
     sel = selects[z];
     if(sel.name.indexOf('salut-') === 0){
         relevantSelects.push(sel);
     }
}
console.log(relevantSelects);

Answer 2

您可以使用getElementsByTagName函数来获取每个SELECT名称，例如：

var e = document.getElementsByTagName("select");
for (var i = 0; i < e.length; i++){
  var name = e[i].getAttribute("name");
}

然后，您可以使用以下代码获取每个OPTION,SELECT进行任何必要的比较：

var options = e[i].getElementsByTagName("option")