天天看点

Easyui combobox实现下拉框依赖事件

任务需求

  当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');
                    }
                }
            });
           

总结

  实测可用,因为下拉框改变事件本身就是用change来用,但是在combobox里发现change就无法绑定了,要用到combobox的onChange就能成功替换了。