头像

jQuery select下拉框多选和单选插件

来源:http://www.sucaihuo.com/js/3683.html 素材火管理员 2018-05-12 21:16浏览(461) 收藏

经过自定义美化的jQuery select下拉框多选和单选插件,美观又实用的下拉选择框多选菜单与单选菜单。
jQuery select下拉框多选和单选插件
分类:表单代码 > 下拉框select 难易:初级

程序员,你不是一个人;网站开发QQ群:35291327,在线充值,或联系QQ1556472052直接充值

查看演示 下载资源: 25 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/select.js"></script>
<script type="text/javascript">
    $(function(){
      var mySelect= $("#mySelect").mySelect({
          mult:true,//true为多选,false为单选
          option:[//选项数据
              {label:"选项1",value:0},
              {label:"选项2",value:1},
              {label:"选项3",value:2},
              {label:"选项4",value:3},
              {label:"选项5",value:4},
              {label:"选项6",value:5}
          ],
          onChange:function(res){//选择框值变化返回结果
            console.log(res)
          }
      });
      mySelect.setResult(["1","2"]);
      var mySelect2= $("#mySelect2").mySelect({
          mult:false,
          option:[
              {label:"选项1",value:0},
              {label:"选项2",value:1},
              {label:"选项3",value:2},
              {label:"选项4",value:3},
              {label:"选项5",value:4},
              {label:"选项6",value:5}
          ],
          onChange:function(res){
              console.log(res)
          }
      });
        mySelect2.setResult(3);
    })
</script>
最新交易
评论2
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1556472052

  • 头像 椅子
    05-13 17:25
    yz***an
    该控件使用性很强,值得学习
  • 头像 沙发
    05-13 09:00
    en***37
    可以用于下拉选择标签的啊 不错啊
1 2