easyUI combobox的使用

EasyUI ComboBox 是一款基于 jQuery 的下拉列表组件，可以用于选择单个选项或多个选项。

以下是 EasyUI ComboBox 的使用步骤：

1. 引入 EasyUI 的相关文件和样式

<link rel="stylesheet" type="text/css" href="jquery-easyui-1.8.0/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.8.0/themes/icon.css">
<script type="text/javascript" src="jquery-easyui-1.8.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.8.0/jquery.easyui.min.js"></script>

2. 创建 HTML 元素

<input id="cc" class="easyui-combobox" data-options="...">

3. 初始化 ComboBox

<script type="text/javascript">
    $(function(){
        $('#cc').combobox();
    });
</script>

4. 设置 ComboBox 的属性

<input id="cc" class="easyui-combobox" data-options="
    url:'data.json',
    valueField:'id',
    textField:'text',
    mode:'remote',
    panelHeight:'auto',
    editable:false,
    multiple:true
">

以上代码中，`url` 表示数据来源的 URL，`valueField` 表示值字段，`textField` 表示显示文本字段，`mode` 表示数据加载模式，`panelHeight` 表示下拉列表高度，`editable` 表示是否可编辑，`multiple` 表示是否可以多选。

5. 获取 ComboBox 的值

var value = $('#cc').combobox('getValue');

以上是 EasyUI ComboBox 的基本使用方法，更多详细的属性和方法可以查看 EasyUI 官方文档。