技术汇总:第四章:使用Easyui做三级下拉列表

2022-09-28 14:58:16 浏览数 (2)

功能展示:

Easyui

功能代码:

代码语言:javascript复制
一级分类<select data-options="url:'getCatalog1',textField:'name',valueField:'id',
    onSelect: function(rec){
        var url = 'getCatalog2?catalog1Id=' rec.id;
        $('#ctg2ForAttrList').combobox('clear');
        $('#ctg2ForAttrList').combobox('reload', url);
    }
" class="easyui-combobox" style="width: 100px"></select>
二级分类<select data-options="textField:'name',valueField:'id',
    onSelect: function(rec){
        var url = 'getCatalog3?catalog2Id=' rec.id;
        $('#ctg3ForAttrList').combobox('clear');
        $('#ctg3ForAttrList').combobox('reload', url);
    }
" id="ctg2ForAttrList" class="easyui-combobox" style="width: 100px"></select>
三级分类<select data-options="textField:'name',valueField:'id'" id="ctg3ForAttrList" class="easyui-combobox" style="width: 100px"></select>

<a href="javascript:reloadAttrList();" class="easyui-linkbutton"
 data-options="iconCls:'icon-add',plain:true">刷新属性</a>

0 人点赞