根据文本内部选择select标签选项

Question

我有这样的下拉列表：

<select id="mySelect" size="4">
    <option>Apple</option>
    <option>Orange</option>
    <option>Pineapple</option>
    <option>Banana</option>
</select>

我有另一个var fruit =＆＃34; some_fruit＆＃34;我想根据变量some​​_fruit 的值选择选项中的项目。

必须使用javascript DOM完成选择。

到目前为止我尝试了什么：

var x = document.getElementById("mySelect").options.namedItem("orange").text;

但是这会选择使用id的选项。

一种可能的解决方案：

var x = document.getElementById("mySelect");
var txt = "";
var some_fruit = "some_fruit";
var i;
for (i = 0; i < x.length; i++) {
    txt = x.options[i].text;

    if (txt == some_fruit) {

        // Hooray! We are done.
    }
}

如果没有循环选择标签选项，有没有办法做到这一点？