Easyui怎么下拉框多选
时间: 2023-03-25 12:01:31 浏览: 169
您可以使用Easyui的combobox组件来实现下拉框多选。在combobox的options属性中设置multiple为true即可开启多选模式。例如:
$('#myCombobox').combobox({
multiple: true,
// 其他配置项
});
然后在数据源中设置每个选项的value和text属性,如:
var data = [{
value: '1',
text: '选项1'
}, {
value: '2',
text: '选项2'
}, {
value: '3',
text: '选项3'
}];
最后将数据源设置给combobox的data属性即可:
$('#myCombobox').combobox('loadData', data);
相关问题
easyui实现下拉框多选
在 easyui 中实现下拉框多选,需要使用 easyui-combobox 组件,并设置其 multiple 属性为 true。例如:
```
<input class="easyui-combobox" name="cc" data-options="
valueField: 'id',
textField: 'text',
url: 'get_data.php',
multiple: true
">
```
其中,multiple 为 true 表示开启多选功能。在后端 PHP 文件中,需要返回一个 JSON 格式的数据,例如:
```
[
{ "id":1, "text":"Option 1" },
{ "id":2, "text":"Option 2" },
{ "id":3, "text":"Option 3" }
]
```
这样就可以实现 easyui 下拉框多选的功能了。
关于easyUI的combbobox下拉框多选时,后台获取下拉框的值获取的问题
在easyUI的combbobox下拉框中,多选时可以通过以下方式获取选中的值:
1. 获取选中值的文本:
```javascript
$('#combobox').combobox('getValues'); // 返回数组,包含选中项的value值
```
2. 获取选中值的value:
```javascript
$('#combobox').combobox('getText'); // 返回选中项的文本值
```
需要注意的是,以上两种方式获取的数据都是在前端获取的,需要将其传递给后端进行处理。可以将获取的数据通过ajax请求发送到后端,后端可以通过$_POST或$_GET等方式获取数据。
阅读全文