如何通過定位值而不是索引來設置選擇選項的屬性

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-通過文本說明設置選擇控件的選擇值