javascript - Bootstrap Typeahead 只允许列表值

Question

是否可以将用户的选择限制为 Bootstrap Typeahead 项的预定义数据源项？因此，如果用户键入不在数据源中的内容，是否会显示一条消息通知他们？

这是演示:http://cruiseoutlook.com/test

Answer 1

如果我理解，当typeahead组件失去焦点时，如果不在列表中，应该提醒用户其输入无效？

因此代码将是这样的:

var myData = [...]; // This array will contain all your possible data for the typeahead

$("#my-type-ahead").typeahead({source : myData})
                   .blur(validateSelection);

function validateSelection() {
    if(source.indexOf($(this).val()) === -1) 
        alert('Error : element not in list!');
}

请注意 indexOf 未在 IE6-8 中实现。但是可以找到垫片，例如:Best way to find if an item is in a JavaScript array? .