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

【问题标题】：How to set attribute of select option by targeting value instead of index如何通过定位值而不是索引来设置选择选项的属性
【发布时间】：2014-10-15 14:18:44
【问题描述】：

当用户单击特定的 div（在我的情况下是色板调色板）时，我需要单击以将选择列表中选项的“已选择”属性设置为“已选择”。当我可以通过它的索引来定位选项时，这是有效的：

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

但是当我尝试通过它的值来定位选项时，这不起作用：

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

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

我怎样才能做到这一点？

【问题讨论】：

【解决方案1】：

我根据 Dave 在此线程上的帖子找到了一个使用直接 javascript 的可行解决方案...

【讨论】：

【解决方案2】：

我猜你可以这样做：

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

【讨论】：