您的位置：首页 > 其它

下拉列表自动匹配插件AddIncSearch

2011-01-04 16:16 302 查看

效果图如下：

代码如下：

<html>
<head>
<title>下拉列表自动匹配插件使用</title>
<!--包含jquery类库 -->
<mce:script type="text/javascript" src="jquery-1.4.3.min.js" mce_src="jquery-1.4.3.min.js"></mce:script>
<!--包含插件类库 -->
<mce:script type="text/javascript" src="jquery.AddIncSearch.js" mce_src="jquery.AddIncSearch.js"></mce:script>
<!--包含插件类库封装 -->
<mce:script type="text/javascript" src="autocoomplate.js" mce_src="autocoomplate.js"></mce:script>
</head>
<body>
<!--设置带匹配的下拉列表的类为 autocomplate-->
<select class="autocomplate" style="width:200px;">
<option value="1"> 1 </option>
<option value="2"> 2 </option>
<option value="3"> 3 </option>
<option value="4"> 4 </option>
<option value="5"> 5 </option>
<option value="5"> 6 </option>
<option value="6"> 7 </option>
<option value="7"> 8 </option>
</select>
</body>
</html>

autocoomplate.js代码如下：

$().ready(function(){
jQuery(".autocomplate").AddIncSearch();
});

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航