使用javascript选择选项的列表元素

时间:2013-04-09 11:56:34

标签: javascript

我有以下选择项目:

<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的元素,我该如何处理?

1 个答案:

答案 0 :(得分:2)

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;
}

DEMO: http://jsfiddle.net/HPYL2/