bootstrap-multiselect 动态创建option

最新推荐文章于 2022-05-05 22:43:35 发布

Ycj_3355

最新推荐文章于 2022-05-05 22:43:35 发布

阅读量435

点赞数

本文链接：https://blog.csdn.net/qq_39173779/article/details/101923010

版权

function multiselect(obj) {  //初始化方法
      $(obj).multiselect({
          includeSelectAllOption: true,
          enableClickableOptGroups: true,
          enableCollapsibleOptGroups: true,
          buttonWidth: 195,
          maxHeight: 300,
      });
  }
  //动态创建option
  function newOption(data, className) {
      var option;
      for (var i = 0; i < data.length; i++) {
          if (data[i].selected) {  //判断是否要初始化时就选择
              option += '<option value="' + data[i].value + '"  selected="' + data[i].selected + '">' + data[i].label + '</option>';
          } else {
              option += '<option value="' + data[i].value + '">' + data[i].label + '</option>';
          }
      }
      $(className).html(option);//将内容显示在复选框， $(className).append(option) 也是可以的;
      multiselect(className);
  }
  var data = [{ value: '1', label: '一室一厅', selected: true }, { value: '2', label: '两室一套' }, { value: '3', label: '两室三套' }];
  newOption(data, '.companyIdStr');

参考自：https://www.cnblogs.com/sulishibaobei/p/8204904.html