如何通过定位值而不是索引来设置选择选项的属性

时间:2014-08-21 20:03:27

标签: javascript select attributes option

当用户点击特定div(在我的情况下是一个色板调色板)时,我需要单击以将选择列表中选项的“selected”属性设置为“selected”。当我可以用它的索引来定位选项时,这是有效的:

onClick="getElementById('the_select')
         .options[2].setAttribute('selected', 'selected');"

但是当我尝试按照这样的值来定位选项时,这不起作用:

 onClick="getElementById('the_select')
         .option[value='blue'].setAttribute('selected', 'selected');"

我需要定位该值,因为在这种情况下,“blue”并不总是在选择列表中的同一位置。

我该如何做到这一点?

2 个答案:

答案 0 :(得分:0)

我想你可以这样做:

document.getElementById("my_select").selected=true;

答案 1 :(得分:0)

我找到了一个可行的解决方案,使用基于Dave的帖子的直接javascript在这个帖子上...

jQuery - setting the selected value of a select control via its text description