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

来源:https://www.sucaihuo.com/js/3683.html 2018-05-12 21:16浏览(1852) 收藏

经过自定义美化的jQuery select下拉框多选和单选插件,美观又实用的下拉选择框多选菜单与单选菜单。
jQuery select下拉框多选和单选插件
分类:表单代码 > 下拉框select 难易:初级
查看演示 下载资源 下载积分: 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>
评论0
头像

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

1 2