Jquery插件之打造自定义的select标签

自带的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

以上就是Jquery插件之打造自定义的select标签的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程