javascript - 带有javascript选择选项的列表元素

Question

我有以下选择项：

<select id="mySelect">
  <option>Apple</option>
  <option>Kiwi</option>
  <option>Banana</option>
  <option>Orange</option>
</select>

和这样的输入：

<input type="text" id="entry" />
<button type="button" onclick="verify();">Verify !</button>

如果我想用 JavaScript 验证输入条目是否是mySelect我应该如何进行的元素？

Answer 1

function verify() {
    var inputVal = document.getElementById("entry").value,
        options = document.getElementById("mySelect").options;

    for (var i = 0, len = options.length; i < len; i++) {
        if (options[i].text === inputVal)
            return true;
    }

    return false;
}

演示：http: //jsfiddle.net/HPYL2/