第二百二十四节，jQuery EasyUI，ComboGrid(数据表格下拉框)组件

<select id="box" class="easyui-combogrid" name="dept"
        style="width:250px;"
        data-options="
            panelWidth:450,
            value:‘请选择一个值‘,
            idField:‘id‘,
            textField:‘user‘,
            url:‘content.json‘,
            columns:[[
                {field:‘user‘,title:‘帐号‘,width:120},
                {field:‘email‘,title:‘邮箱‘,width:120},
                {field:‘date‘,title:‘创建时间‘,width:120},
            ]]
"></select>

<input id="box" name="user" value="请选择一个用户">

$(function () {
    $(‘#box‘).combogrid({
        panelWidth: 600,
        idField: ‘id‘,
        textField: ‘user‘,
        url: ‘content.json‘,
        columns: [[
            {
                field: ‘id‘,
                title: ‘编号‘,
                width: 120,
            },
            {
                field: ‘user‘,
                title: ‘帐号‘,
                width: 120,
            },
            {
                field: ‘email‘,
                title: ‘邮箱‘,
                width: 120,
            },
            {
                field: ‘date‘,
                title: ‘创建时间‘,
                width: 120,
            }
        ]]
    });
});