搜索
您的当前位置:首页正文

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

来源:六九路网
Bootstrapselectpicker下拉框多选获取选中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;ifor (var i=0;icheckText.push(checkParam[i].textContent);}

// 数组转字符串var ids = checkId.join(',');var text = checkText.join(',');

// 1.定义对象,并设置属性名和值---------------------------------------------// 判断是否选中if (checkParam.length > 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:将获取表单结果数组转成对象

因篇幅问题不能全部显示,请点此查看更多更全内容

Top