前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >技术汇总:第四章:使用Easyui做三级下拉列表

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

作者头像
Java廖志伟
发布2022-09-28 14:58:16
5470
发布2022-09-28 14:58:16
举报
文章被收录于专栏:高级开发进阶

功能展示:

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>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-04-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档