有时我们在做前端页面时会有置灰下拉框的场景,在用户点击某个按钮前,这个下拉框没法选择,也就是置灰状态,点击获取下拉框值按钮后这个下拉框才会处于可选状态。下面是代码:
<div>
下拉框:
<select id="text5" class="easyui-combobox" disabled=true >//disabled=true既为下拉框置灰
<option value="0">--请选择--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
<a id="text4" class="easyui-linkbutton " onclick="getMessage()">获取信息</a>
</div>
<script>
function getMessage(){
$("#text5").combobox("enable");
}
</script>
上面这种是比较简单的点击按钮既可将置灰的combobox下拉框变为可选状态,如果想在点击按钮时弹出一个dialog显示加载中,在加载几秒后显示加载成功,之后置灰的combobox才为可选状态,下面是代码: