您的位置:首页 > Web前端 > JQuery

jquery操作select option

2016-12-07 09:24 246 查看
$("#handlingStatus").change(function(){
$("#handlingStatus option").each(function (i,o) { //select的change事件
if($(this).attr("selected")) {
var value = $(this).val();
switch (value) {
case "":
$("#typeStatus option").remove();
$("#typeStatus ").append(
'<option value="">--请选择--</option>'+
'<option value="0">预警</option>'+
'<option value="1">待办</option>'+
'<option value="2">完成</option>'
);
break;
case "正在审批":
$("#typeStatus option").remove();
$("#typeStatus ").append(
'<option value="">--请选择--</option>'+
'<option value="0">预警</option>'+
'<option value="1">待办</option>');
break;
case "正在复核":
$("#typeStatus option").remove();
$("#typeStatus ").append(
'<option value="">--请选择--</option>'+
'<option value="2">完成</option>');
break;
case "财务处理":
$("#typeStatus option").remove();
$("#typeStatus ").append(
'<option value="">--请选择--</option>'+
'<option value="2">完成</option>');
break;
case "已完成":
$("#typeStatus option").remove();
$("#typeStatus ").append(
'<option value="">--请选择--</option>'+
'<option value="2">完成</option>');
break;
}
}
});
});
switch ('${handlingStatus}') {
case "":
$("#typeStatus option").remove();
$("#typeStatus ").append(
'<option value="">--请选择--</option>'+
'<option value="0">预警</option>'+
'<option value="1">待办</option>'+
'<option value="2">完成</option>'
);
break;
case "正在审批":
$("#typeStatus option").remove();
$("#typeStatus ").append(
'<option value="">--请选择--</option>'+
'<option value="0">预警</option>'+
'<option value="1">待办</option>');
break;
case "正在复核":
$("#typeStatus option").remove();
$("#typeStatus ").append(
'<option value="">--请选择--</option>'+
'<option value="2">完成</option>');
break;
case "财务处理":
$("#typeStatus option").remove();
$("#typeStatus ").append(
'<option value="">--请选择--</option>'+
'<option value="2">完成</option>');
break;
case "已完成":
$("#typeStatus option").remove();
$("#typeStatus ").append(
'<option value="">--请选择--</option>'+
'<option value="2">完成</option>');
break;
}

$("#handlingStatus").attr("value","${handlingStatus}");//设置默认option
$("#typeStatus").attr("value","${type}");
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: