select2多选设置select多选，select2取值和赋值

您所在的位置：网站首页 › select选择框赋值 › select2多选设置select多选，select2取值和赋值

select2多选设置select多选，select2取值和赋值

2023-12-21 05:36| 来源: 网络整理| 查看: 265

select2设置select多选，select2取值和赋值,作为筛选条件的时候，取值相对简单，把选中的id值转为字符串传给后端查询，查询之后会刷新页面，为了在下拉框中显示刚刚选中的值，就需要给select赋值，可以将刚才传给后端的字符串再传回前端，然后转为一位数组，再赋值给select2就会显示刚刚选中的值，赋值方法：$('#id').val(arr).trigger('change')，id为select的id属性，这里的arr是刚才从后端传回前端的id转成的一位数组。

select2设置select多选，select2取值和赋值,首先需要引入select2的js文件，select2官网地址：https://select2.org/

//select2html代码设置选项，list为后端查询出来的选项，循环赋值

请选择部门 {$vo.name}

//可以另外设置一个隐藏的input框来存select选中的id，方便传给后端

//select2插件初始化

$("#id").select2({ language : "zh-CN", minimumInputLength : 0, placeholder:"可多选",//默认值 allowClear: true, })

//select2插件赋值

var select_id = $("#select_id").val(); arr = select_id.split(",");//注意：arr为select的id值组成的数组 $('#id').val(arr).trigger('change');

//select2多选，取值，在下拉框中选中以后，获取到选择的id值

$('#id').change(function(){ var o=document.getElementById('id').getElementsByTagName('option'); var all=""; console.log(o[1]); for(var i=0;i

【本文地址】

select2多选设置select多选，select2取值和赋值

select2多选设置select多选，select2取值和赋值

今日新闻

推荐新闻