jquery操作select option_点击select下的option发送请求jquery-优快云博客

本文链接：https://blog.youkuaiyun.com/sdzhangshulong/article/details/53501528
$("#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}");