Select2多选框怎么回显多条数据？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Select2多选框怎么回显多条数据？相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>夏天</title>
<link rel="stylesheet" href="css/style.css">
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<select multiple="multiple" size="3">
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
</body>
</html>
multiple 属性规定可同时选择多个选项。
在不同操作系统中，选择多个选项的差异：
对于 windows：按住 Ctrl 按钮来选择多个选项
对于 Mac：按住 command 按钮来选择多个选项
谢谢采纳！！！ 有不懂的可以继续问
参考技术A $("#select2Id").select2().val(arr).trigger("change");elementUITable的多选框：分页选择数据回显，分页保存选中的数据。
<template>
<el-table @selection-change="handleSelectionChange" :row-key="getRowKeys">
<!--type必须是selection的一列设置reserve-selection属性-->
<el-table-column type="selection" :reserve-selection="true" width="40" align="center"></el-table-column>
<el-table-column props="name" align="center"></el-table-column>
</el-table>
</template>
<script>
export default {
data: {
selection:[{name: ‘张三‘, id: 1}, {name: ‘李四‘, id: 2}]
},
methods: {
handleSelectionChange (val) {
this.selection = val;
},
getRowKeys (row) {
return row.id; // id为列表数据的唯一标识
}
}
}
</script>
以上是关于Select2多选框怎么回显多条数据？的主要内容，如果未能解决你的问题，请参考以下文章