easyui通过选择一个下拉框的值控制另一个下拉框是否可选
时间: 2024-05-13 15:20:42 浏览: 202
datagrid中编辑状态(editor)下一列嵌入多个控件
5星 · 资源好评率100%
可以通过easyui的事件和方法来实现这个需求。
1. 在第一个下拉框的onSelect事件中,判断选中的值是否需要让第二个下拉框变为可选。如果需要,调用第二个下拉框的enable方法,使其变为可选;如果不需要,调用disable方法,使其变为不可选。
2. 在第二个下拉框的onLoadSuccess事件中,判断当前第一个下拉框的值是否需要让第二个下拉框变为不可选。如果需要,调用disable方法,使其变为不可选;如果不需要,调用enable方法,使其变为可选。
具体代码如下:
第一个下拉框的onSelect事件:
```javascript
$('#combobox1').combobox({
onSelect: function(record){
if(record.value == 'somevalue'){ // 判断选中的值是否需要让第二个下拉框变为可选
$('#combobox2').combobox('enable'); // 如果需要,调用第二个下拉框的enable方法,使其变为可选
} else {
$('#combobox2').combobox('disable'); // 如果不需要,调用disable方法,使其变为不可选
}
}
});
```
第二个下拉框的onLoadSuccess事件:
```javascript
$('#combobox2').combobox({
onLoadSuccess: function(){
var value1 = $('#combobox1').combobox('getValue'); // 获取第一个下拉框的值
if(value1 == 'somevalue'){ // 判断当前第一个下拉框的值是否需要让第二个下拉框变为不可选
$('#combobox2').combobox('disable'); // 如果需要,调用disable方法,使其变为不可选
} else {
$('#combobox2').combobox('enable'); // 如果不需要,调用enable方法,使其变为可选
}
}
});
```
阅读全文