自動搜索插件

上午有現在一個列表框它必須在下拉或文本框自動搜索或自動完成那麼有沒有任何插件jQuery中提供自動搜索插件

<select data-placeholder="please select..." id="search"> 
       <option value=""></option> 
       <option value="United States">United States</option> 
       <option value="United Kingdom">United Kingdom</option> 
       <option value="Afghanistan">Afghanistan</option> 
       <option value="Aland Islands">Aland Islands</option> 
       <option value="Albania">Albania</option> 

    </select>

任何鏈接或提供一些例子是那裏？？？？？？？

來源

2013-11-26 user3032277

這裏嘗試引導預輸入：

http://getbootstrap.com/2.3.2/javascript.html#typeahead

或引導selectpicker：

http://silviomoreto.github.io/bootstrap-select/

來源

2013-11-26 12:19:55

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery UI Autocomplete - Default functionality</title> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<link rel="stylesheet" href="/resources/demos/style.css"> 
<script> 
$(function() { 
var availableTags = [ 
"ActionScript", 
"AppleScript", 
"Asp", 
"BASIC", 
"C", 
"C++", 
"Clojure", 
"COBOL", 
"ColdFusion", 
"Erlang", 
"Fortran", 
"Groovy", 
"Haskell", 
"Java", 
"JavaScript", 
"Lisp", 
"Perl", 
"PHP", 
"Python", 
"Ruby", 
"Scala", 
"Scheme" 
]; 
$("#tags").autocomplete({ 
source: availableTags 
}); 
}); 
</script> 
</head> 
<body> 
<div class="ui-widget"> 
<label for="tags">Tags: </label> 
<input id="tags"> 
</div> 
</body> 
</html>

參考 http://jqueryui.com/autocomplete/

來源

2013-11-26 12:20:43 Monika

如何與我就做這選項... ID .. – user3032277

http://jqueryui.com/autocomplete/#combobox – Monika

@ user3032277這個怎麼樣？ – Monika

自動搜索插件

回答

相關問題