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

Question

当用户单击特定的div（在我的情况下是色板）时，我需要单击以将选择列表中选项的“ selected”属性设置为“ selected”。 当我可以通过类似以下内容的索引将选项作为目标时，此方法有效：

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

但是，当我尝试通过如下所示的选项值来定位选项时，这种方法不起作用：

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

我需要确定目标值，因为在这种情况下，“蓝色”并不总是会出现在选择列表中的同一位置。

我该怎么做？

Answer 1

我猜你可以做这样的事情：

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

Answer 2

我基于Dave在此线程上发表的帖子，使用直接的javascript找到了可行的解决方案...

jQuery-通过文本说明设置选择控件的选择值