Bootstrap Typeahead onselect

Question

所以，我现在就这么简单的问题发疯了： 一旦我选择“预先输入”，它应该立即重定向到所属页面。

不幸的是，由于某些原因，jsfiddle没有显示下拉列表，因此我将其上传到了一个radom网站空间。 http://ch1n3s3.funpic.de/lol/test3.php

这是代码：

<input id="id" autocomplete="off" name="name" type="text" data-provide="typeahead" data-items="4" data-source='["test", "test2", "test3"]'>
<script>
$('#id').on('change', function(){
    var items = "'test', 'test2', 'test3'";
    var matchString = "'"+$(this).val()+"'";
    if (items.toLowerCase().indexOf(matchString.toLowerCase()) != -1){
        alert('Matched');
    }
    else {
        alert('Not Matched');
    }
});
</script>

有没有比这更容易的解决方案并且效果更好？

谢谢你， 克里斯

Answer 1

您可以在typeahead提供的更新程序功能中编写重定向请求，给它一个镜头，它肯定比这更好但不那么容易。

Answer 2

<强>解决方案

$('.typeahead').bind('typeahead:select', function(ev, suggestion) {
    window.location.href = '/' + suggestion;
});

例如，选择建议阿拉斯加将重定向到/阿拉斯加。