自带的select标签有时候不能满足我们的需求,所以自定义一个select标签插件,需要的朋友可以参考下。
首先看下效果
比较简陋只是将select转成自定义的样式
现在只有2个参数可以设置
$(function() {
$("#test").jsScroll({ showLength: 3, option_click: function() { alert("1"); } });
})
showLength:下拉框默认显示数量 ---默认显示5个
option_click:点击每一个option执行的事件--默认是将options的值绑定到input中
在线演示:http://demo.0133.cn/js/2011/JQSelect/
打包下载:https://www.0133.cn/jiaoben/40362.html
复制代码 代码如下:
比较简陋只是将select转成自定义的样式
现在只有2个参数可以设置
复制代码 代码如下:
$(function() {
$("#test").jsScroll({ showLength: 3, option_click: function() { alert("1"); } });
})
showLength:下拉框默认显示数量 ---默认显示5个
option_click:点击每一个option执行的事件--默认是将options的值绑定到input中
在线演示:http://demo.0133.cn/js/2011/JQSelect/
打包下载:https://www.0133.cn/jiaoben/40362.html
以上就是Jquery插件之打造自定义的select标签的详细内容,更多请关注0133技术站其它相关文章!