javascript - 循环确定 selectedIndex 不起作用？

Question

我的函数SelectBeatle检查input#FindBeatle并将select#Beatles的selectedIndex设置为值输入#FindBeatle

然而，由于某些奇怪的原因，我的循环似乎无法运行:
http://jsfiddle.net/js_test/M9ty7/

我错过了什么吗？

这是 HTML:

<input id="FindBeatle" type="text" />

<select id="Beatles">
    <option>John</option>
    <option>Paul</option>
    <option>George</option>
    <option>Ringo</option>
</select>

<input type="button" onclick="SelectBeatle()" value="Submit" />

这是我的 JS:

var SelectBeatle = function(){
    var sel = document.getElementById('Beatles'),
        val = document.getElementById('FindBeatle').value;

        for(var i = 0, j = sel.options.length; i < j; i++) {
            if(sel.options[i].innerHTML === val) {
                sel.selectedIndex = i;
                break;
            }else{
                alert("Try Again!");
            }
        }
};

Answer 1

当您设置初始 txt 值时，您的 js 会崩溃。

txt = sel.options[i].innerHTML;

i 尚不存在