Bootstrap selectpicker 下拉框多选获取选中value和多选获取文本值

1.页面代码:

页面引入:

bootstrap-select.min.css和
bootstrap-select.min.js、
defaults-zh_CN.min.js文件,并初始化下拉选项框。
带有下拉搜索样式的下拉框属性:data-live-search="true"
下拉选项框可多选属性:multiple

2.js代码// select 多选可以设置做多选中项,使用maxlength

// js代码如下:
// 获取到下拉框说所有选中项
var checkParam = $('#type-select').find('option:selected');
// 选中的ID集合
var checkId = [];
// 选中的文本值集合
var checkText = [];
for (var i=0;i 0) {
   var hilidayFlag = 1;
    // 定义传入参数对象,并赋值
    var params = {
        holidayFlag: holidayFlag,
        shuttleBusId: ids,
     shuttleBusName: text
    }
}

// 2.定义对象,并设置属性名和值---------------------------------------------

// 获取表单值
var user= {};
// 获取到页面表单中所有值 name-value形式
var formData = $('#addForm').serializeArray();
formData.forEach(function (item) {
    user[item.name] = item.value;
})

ps:将获取表单结果数组转成对象

 

 

你可能感兴趣的:(java基础,JS)