Easyui combobox实现下拉框依赖事件

最新推荐文章于 2023-11-11 16:57:18 发布

sandwu

最新推荐文章于 2023-11-11 16:57:18 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： easyui combobox

本文链接：https://blog.youkuaiyun.com/weixin_42681866/article/details/87880240

前端专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何使用EasyUI框架实现两个下拉框（Combobox）的联动效果。当第一个下拉框A的选项发生变化时，第二个下拉框B的默认值会随之更新。通过jQuery结合EasyUI的onchange事件，可以轻松实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

任务需求

当A下拉框选中时，改变B下拉框的值；

html代码

<select class="easyui-combobox" name="A" label="A" id="A">
		<option value="1"></option>
</select>

<select class="easyui-combobox" name="B" label="B" id="B">
		<option value="2"></option>
</select>

jQ easyui代码

$('#A').combobox({
                onChange: function (newValue, oldValue) {
                    if (newValue == "") {
                        $('#B').combobox('setValue', '1');
                    } else {
                        $('#B').combobox('setValues', '2');
                    }
                }
            });