easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法

可以通过设置`value`属性来设置`combobox`的默认值，并且可以通过设置`editable`属性为`false`来保持该值一直显示。示例代码如下：

<input id="my-combobox" class="easyui-combobox" data-options="valueField:'id',textField:'name',url:'data.php',value:1,editable:false">

其中`value`设置为`1`表示默认选中第一个选项，`editable`设置为`false`表示禁止用户编辑该选项。

相关问题

easyui的combobox下拉框初始化默认值为空，希望默认选择为空的选项

可以通过设置`value`属性来设置`combobox`的默认值为空，并且可以通过设置`editable`属性为`false`来保持该值一直显示。同时，在设置`data`属性时，在选项数组最前面添加一个默认空值的选项即可。示例代码如下：

<input id="my-combobox" class="easyui-combobox" data-options="valueField:'id',textField:'name',url:'data.php',value:'',editable:false,data:[{id:'',name:'请选择'},{id:1,name:'选项1'},{id:2,name:'选项2'}]">

其中`value`设置为`''`表示默认选中空值，`editable`设置为`false`表示禁止用户编辑该选项，`data`属性中第一个选项为一个空值选项。这样，初始化时下拉框就默认选中空值选项。

easyui combobox下拉框实现多选

easyui combobox下拉框默认是单选的，如果要实现多选，需要做以下修改：

1. 在combobox的options中添加multiple:true，表示启用多选模式。

2. 在combobox的options中添加onSelect和onUnselect两个事件，用于在选择和取消选择时更新选中的值。

3. 在combobox的panel中添加checkbox或者复选框，用于选择多个选项。

以下是实现多选的示例代码：

HTML代码：

<input id="cc" class="easyui-combobox" style="width:200px;">

JavaScript代码：

$('#cc').combobox({
    url: 'get_data.php',
    valueField: 'id',
    textField: 'text',
    multiple: true,
    panelHeight: 'auto',
    onSelect: function(record){
        var value = $(this).combobox('getValues');
        value.push(record.id);
        $(this).combobox('setValues', value);
    },
    onUnselect: function(record){
        var value = $(this).combobox('getValues');
        var index = value.indexOf(record.id);
        if (index >= 0){
            value.splice(index, 1);
        }
        $(this).combobox('setValues', value);
    },
    onLoadSuccess: function(){
        var data = $(this).combobox('getData');
        var value = $(this).combobox('getValues');
        var panel = $(this).combobox('panel');
        panel.find('.combo-panel-checkbox').remove();
        $.each(data, function(index, item){
            var checkbox = $('<input type="checkbox" class="combo-panel-checkbox">').val(item.id);
            if (value.indexOf(item.id) >= 0){
                checkbox.prop('checked', true);
            }
            checkbox.insertBefore(panel.find('.combo-panel-list'));
        });
    },
    onShowPanel: function(){
        var data = $(this).combobox('getData');
        var value = $(this).combobox('getValues');
        var panel = $(this).combobox('panel');
        panel.find('.combo-panel-checkbox').prop('checked', false);
        $.each(data, function(index, item){
            if (value.indexOf(item.id) >= 0){
                panel.find('.combo-panel-checkbox[value="'+item.id+'"]').prop('checked', true);
            }
        });
    }
});

注：示例代码中的get_data.php是一个返回JSON格式数据的接口，可以根据实际情况修改。