如何使用控制台在javascript中更改select标签中的选项?

时间:2015-07-23 21:06:41

标签: javascript

<select name="ethinicity" >
            <option value="type1">Asian</option>
            <option value="type2">African</option>
            <option value="type3">Caucasion</option>
            <option value="type4">Hispanics</option>
            <option value="type5">Other Populated Groups</option>
</select>

我正在使用

document.getELementsByname("ethinicity").value="type2"

要改变它的价值,但它没有那样的工作,为什么我不能这样做?并给我其他方法来做到这一点,但我不想把它放在form然后改变它像

document.formName.ethinicity.value="type2"

提前致谢!

2 个答案:

答案 0 :(得分:1)

你可以这样做:

document.getElementsByName("ethinicity")[0].selectedIndex = 1;

您应该选择一个这样的ID:

<select id="ethinicity" name="ethinicity" >

document.getElementById("ethinicity").selectedIndex = 1;

答案 1 :(得分:1)

您需要将元素的名称作为参数传递给您用来选择它们的函数以及第一个数组索引:

document.getELementsByName("ethinicity")[0].value="type2"