jQuery combobox是一個(gè)非常流行的jQuery插件，它可以在網(wǎng)站中創(chuàng)建一個(gè)下拉框，用戶可以在其中輸入，而下拉框會根據(jù)輸入的內(nèi)容實(shí)時(shí)過濾選項(xiàng)。該插件是基于jQuery UI庫開發(fā)的，因此它具有所有jQuery UI中的特性以及可定制性。
使用jQuery combobox非常簡單，只需按照以下步驟即可：
<html>
<head>
<link rel="stylesheet" >
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<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"
];
$("#combobox").combobox({
source: availableTags
});
});
</script>
</head>
<body>
<div class="ui-widget">
<label>Select a programming language: </label>
<select id="combobox">
<option value="">Select one...</option>
</select>
</div>
</body>
</html>以上代碼將在網(wǎng)頁中創(chuàng)建一個(gè)下拉框，并且在用戶輸入內(nèi)容的同時(shí)實(shí)時(shí)顯示匹配的選項(xiàng)。可以根據(jù)自己的需要進(jìn)行定制修改。通過使用jQuery combobox，可以使得網(wǎng)站的輸入體驗(yàn)更加流暢和友好。
上一篇mysql一對多建表
下一篇前端css引用和js引用