获取所有选择/选项列表

时间:2013-01-23 15:02:36

标签: javascript dom jsni

在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完全相同)。

有你的想法吗?

谢谢!

2 个答案:

答案 0 :(得分: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")

答案 1 :(得分:-1)

var ModalListInputs =document.getElementById("checks")
        var arrayInput = ModalListInputs.getElementsByTagName("input");
        //console.log(arrayInput);

        for(var x=0; x <= arrayInput.length-1; x++){
            if(arrayInput[x].getAttribute("type")=="checkbox" && arrayInput[x].checked ==true){
                console.log(arrayInput[x].value);
            }
        }