选择文本框中不能正常工作的部分文字

Question

我正在尝试创建一个搜索文本框，在该文本框中，当用户键入他们想要搜索的内容时，该字段会尝试预测用户想要的内容。我在这个网站上发现了一些我正在尝试使用的代码，但是当我在IE或Chrome中测试它时，文本没有突出显示。这是我正在使用的代码：

        var start = $searchField.val().length;
        var end = suggestions[i].suggestion.length;
        $searchField.val(suggestions[i].suggestion);

        var fld = $searchField;
        debugger;
        //Now highlight the text that has been added to complete the suggestion
        if (fld.createTextRange) {
            var selRange = fld.createTextRange();
            selRange.collapse(true);
            selRange.moveStart('character', start);
            selRange.moveEnd('character', end-start);
            selRange.select();
        } else if (fld.setSelectionRange) {
            fld.setSelectionRange(start, end);
        } else if (fld.selectionStart) {
            fld.selectionStart = start;
            fld.selectionEnd = end;
        }
        $searchField.focus();

当我进入调试器时，它会跳过每个if语句。我正在使用Chrome和IE 11的45.0.2454.85版本。我很感激任何人都可以帮助我。

克里斯