点击页面的按钮,触发下拉框的事件,用change,之前试了click和select都不行。
加载页面时先给下拉框一个change事件。
$("#updateMode").on("change", fnUpdateMode);
对于的事件函数
function fnUpdateMode(){
switch ($(this).val()) {
case "0": // 界面1
$("#u2").find(":input").attr("disabled", true);
$("#u0").find(":input").attr("disabled", false);
$("#u0").show();
$("#u1").hide();
$("#u2").hide();
break;
case "1": // 界面2
$("#u1").show();
$("#u0").hide();
$("#u2").hide();
break;
case "2": // 界面3
$("#u0").find(":input").attr("disabled", true);
$("#u2").find(":input").attr("disabled", false);
$("#u2").show();
$("#u0").hide();
$("#u1").hide();
break;
}
};
最后在修改按钮中触发此事件
//弹出修改窗口
function fnShowUpdate(row) {
$.ajax({
type : 'post',
url : 'get',
data : row,
success : function(data) {
$("#fo-update")[0].reset();
$('#w-update').modal();
$("#fo-update").setForm(data);
$('#updateMode').trigger("change");
}
});
}