bootstrap select selectpicker动态赋值与赋默认值、多选

<select name="e_id" id="e_id" class="selectpicker" data-live-search="true" multiple >
<option disabled>请选择</option>
<option value="">文字</option>
</select>

获取选中的值

$('#e_id').selectpicker('val');

动态赋值

 var str = '';
 for (var i = 0; i < response.data.id_with_codes.length; i++){
    str += '<option value="'+ response.data.id_with_codes[i][0] +'">'+ response.data.id_with_codes[i][1] +'</option>'
  }
  //    将动态拼接的数据渲染
  $('#waterfall-is-rules').html(str);
  //    刷新
  $('#waterfall-is-rules').selectpicker('refresh');

赋默认值

  $('#waterfall-is-rules').selectpicker('val', response.data.cash.entry_type);


获取多选值
var checkParam = $('#e_id').find('option:selected');
// 选中的ID集合
var checkId = [];
for (var i=0;i<checkParam.length;i++) {
checkId.push(checkParam[i].value);
}
var e_id = checkId.join(',');
 
posted @ 2021-02-11 13:37  85541585  阅读(2439)  评论(0编辑  收藏  举报