jQuery带搜索框可多选的下拉选择框插件代码

来源:https://www.sucaihuo.com/js/2276.html 2017-07-01 22:08浏览(6385) 收藏

jQuery带搜索框可多选的下拉选择框插件代码,jQuery搜索框插件,点击input框弹出下拉菜单,选中菜单,支持多选条件,进行搜索功能代码。
jQuery带搜索框可多选的下拉选择框插件代码
分类:表单代码 > 搜索框 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script>
    var Random = Mock.Random;
    var json1 = Mock.mock({
      "data|10-50": [{
        name: function() {
          return Random.name(true)
        },
        "id|+1": 1,
        "disabled|1-2": true,
        groupName: '分组名',
        "groupId|1-4": 1,
        "selected": false
      }]
    });

    $('.dropdown-mul-1').dropdown({
      data: json1.data,
      limitCount: 40,
      multipleMode: 'label',
      choice: function() {
        // console.log(arguments,this);
      }
    });

    var json2 = Mock.mock({
      "data|10000-10000": [{
        name: function() {
          return Random.name(true)
        },
        "id|+1": 1,
        "disabled": false,
        groupName: '分组名',
        "groupId|1-4": 1,
        "selected": false
      }]
    });

    $('.dropdown-mul-2').dropdown({
      limitCount: 5,
      searchable: false
    });

    $('.dropdown-sin-1').dropdown({
      readOnly: true,
      input: '<input type="text" maxLength="20" placeholder="请输入搜索">'
    });

    $('.dropdown-sin-2').dropdown({
      data: json2.data,
      input: '<input type="text" maxLength="20" placeholder="请输入搜索">'
    });
  </script>
评论0
头像

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

1 2