下拉框三级联动与反显

	<div class="form-infor">
								<span class="label">产业行业:</span> <select id="department"
									name="industry" onChange="findBranch()">
									<option value="0">--请选择--</option>
									<#list infoList as cmeIndustryInfo>
									<option value="${cmeIndustryInfo.id}">${cmeIndustryInfo.name}</option>
									</#list>
								</select> <select id="branch" name="branchId" onChange="findBranch2()">
									<option value="0">--请选择--</option>
								</select> <select id="branch2" name="branchId2">
									<option value="0">--请选择--</option>
								</select>
							</div>

/*城市下拉框  */
$(document).ready(function() {
$("#province").change(function() {
$("#province option").each(function(i, o) {
if ($(this).attr("selected")) {
$(".city").hide();
$(".city").eq(i).show();
}
});
});
$("#province").change();
});
/*服务部门二级联动  */
	function findBranch() {
		var department = $(":selected", "#department").val();
		$.ajax({
			type : "post",
			url : "${RootPath!}informationmodule/selectinformation/findBranch",
			timeout : "1000",
			dataType : "json",
			data : {
				pcode : department
			},
			success : function(data) {
				$("#branch option").remove();
				$("#branch").append("<option value='0'>请选择</option>");
				if (data.data != 0) {
					for (var i = 0; i < data.data.length; i++) {
						var branchId = data.data[i].id;
						var branchIdName = data.data[i].name;
						$("#branch").append(
								"<option value="+branchId+">" + branchIdName
										+ "</option>");
					}
					$("#branch").show();
				} else {
					$("#branch").hide();
				}
				$("#branch2").hide();
			},
			error : function(XMLResponse) {
				alert("查找失败");
			}
		});
	}


	/*第二个下拉框调用第三个下拉框  */
	function findBranch2() {
		var department = $(":selected", "#branch").val();
		$.ajax({
			type : "post",
			url : "${RootPath!}informationmodule/selectinformation/findBranch",
			timeout : "1000",
			dataType : "json",
			data : {
				pcode : department
			},
			success : function(data) {
				$("#branch2 option").remove();
				$("#branch2").append("<option value='0'>请选择</option>");
				if (data.data != 0) {
					for (var i = 0; i < data.data.length; i++) {
						var branchId = data.data[i].id;
						var branchIdName = data.data[i].name;
						$("#branch2").append(
								"<option value="+branchId+">" + branchIdName
										+ "</option>");
					}
					$("#branch2").show();
				} else {
					$("#branch2").hide();
				}
			},
			error : function(XMLResponse) {
				alert("查找失败");
			}
		});
	}

猜你喜欢

转载自blog.csdn.net/wodetian1225/article/details/80888345