<head>
<title></title>
<link type="text/css" rel="Stylesheet" href="JQSelect.css" />
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="JQSelect.js"></script>
<script type="text/javascript">
$(function() {
$("#test").jsScroll();
})
</script>
</head>
<body>
<select id="test">
<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="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
比较简陋只是将select转成自定义的样式
现在只有2个参数可以设置
复制代码 代码如下:
$(function() {
$("#test").jsScroll({ showLength: 3, option_click: function() { alert("1"); } });
})
比较简陋只是将select转成自定义的样式
现在只有2个参数可以设置
$(function() {
$("#test").jsScroll({ showLength: 3, option_click: function() { alert("1"); } });
})
showLength:下拉框默认显示数量 ---默认显示5个
option_click:点击每一个option执行的事件--默认是将options的值绑定到input中
在线演示:http://demo.jb51.net/js/2011/JQSelect/
打包下载地址:http://www.jb51.net/jiaoben/40362.html
转载地址:http://www.jb51.net/article/29017.htm
分享到:
相关推荐
jQuery手机下拉框select jQuery手机下拉框select jQuery手机下拉框select
一组经过美化的jQuery select下拉框单选和多选插件,带搜索功能,模拟select下拉框多选菜单选择效果。
jQuery select下拉框美化代码基于jquery.1.10.2.min.js制作,点击下拉框,显示下拉框内容。
jquery 实现下拉框左右选择。很好用,值得学习
80、jquery select下拉框美化代码
jQuery实现select下拉框样式美化效果! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
jquery 多选下拉框实例,每个option前面都有一个checkbox
jquery实现的多级联动下拉框,由div标签加上span标签实现。
jquery实现select下拉框美化特效源码.zip
多种样式实现下拉框多选,渐进渐出,分组选择,全选,全取消通通实现
jQuery实现的select下拉框点击国家选择功能插件源码.zip
主要介绍了jQuery实现下拉框选择图片功能,可实现带图片的下拉列表功能,涉及jquery插件imageselect.js的使用,需要的朋友可以参考下
用jquery1.3实现下拉框的美化,包含jquery1.3类库和一个例子。只实现了onchange方法,其他的可以自己扩展
jquery的下拉框支持检索(汉字检索)的chosen插件,引入jquery后直接引入此js可实现
jQuery Select下拉框分类菜单多选插件一款功能比较全面的自定义下拉菜单选项多选代码,除了可以对选项进行分类,还带有搜索功能。
jQuery Multiple Select实现下拉框多选,请注意是Multiple 。实例介绍详细,想用的可以直接Copy进去用
jquery 实现下拉框多选方法 ,引入 easyui框架 ,支持IE7版本,360
html中默认的select太丑了,使用jquery+html自定义下拉框。样式随心所欲。