JQuery二级级联菜单

JS库 doc_input.js

// 动态生成来文单位二级下拉单位列表
function sub_orign(obj) {
		$('#orgid').val($('#item_origin option:selected').text());
		//alert(obj.value);
	if (obj.value == "0") {
		$("#suborign").empty();
	} else {
		$("#suborign").empty();
		var url = 'subdept.action';
		var params = {
			subid : obj.value
		};
		jQuery.post(url, params, callbackOrg, 'json');
	}
}

// 来文单位级联菜单回调函数
function callbackOrg(data) {
	//alert(data.result);
	/*返回结果为空,表示没有下级单位*/
	if (data.result == "") {		
		$("#suborigin").empty();
		$("#item_origin").attr("name","preorign");
		//$("#orgid").val($("#item_origin option:selected").text());
		//alert($("#item_origin").attr("name"));
	} else {	//有二级下属单位
		alert(data.result);
		var temp = data.result.split(",");
		$("#suborigin").html("demojdflsajfldsj");
		$("#suborigin").html(
				"<select class='txt' name='preorign' id='org' onchange='org_change()'></select>");
		for ( var i = 0; i < temp.length - 1; i++) {
			var tempOption = document.createElement("option");
			tempOption.value = temp[i];
			tempOption.innerHTML = temp[i];
			$("#org").append(tempOption);
		}
			}
}

// 动态生成收文单位二级下拉列表
function sub_destination(obj) {
	if (obj.value == "0") {
		// alert(obj.value);
		$("#subdestination").empty();
	} else {
		var url = 'subdept.action';
		var params = {
			subid : obj.value
		};
		jQuery.post(url, params, callbackDes, 'json');
	}
}

// 收文单位级联菜单回调函数
function callbackDes(data) {
	if (data.result == "") {
		$("#subdestination").empty();
		$("#item_destination").attr("name","predestination");
		$("#desid").val($("#item_destination option:selected").text());
		//alert($("#item_destination").attr("name"));
	} else {
		var temp = data.result.split(",")
		$("#subdestination").html(
				"<select class='txt' name='predestination' id='des' onchange='des_change()'></select>");
		for ( var i = 0; i < temp.length - 1; i++) {
			var tempOption = document.createElement("option");
			tempOption.value = temp[i];
			tempOption.innerHTML = temp[i];
			$("#des").append(tempOption);
		}
		$("#desid").val($("#des option:selected").text());
	}
}

HTML代码

<tr>
   <td align="right">
    <font color="#6666FF">来文单位</font>   </td>
   <td height=37 valign="middle">
    <span class="span1" > 
     <input type="text" name="origin" id="orgid"
      style="width:282px;height:15px;border:0pt;top:100px" 
      
      value="---请选择或输入---"> </span>
    <span class="span2"> 
     <select name="itemorigin" id="item_origin"
      style="width:302px;height:20px;margin:-2px;" 
      onChange="sub_orign(this)">
      <option value="0">请选择</option>
      <%
         for(int i= 0;i < dep_list.size();i++){
          dep = (Department)dep_list.get(i);
        %>
     <option value="<%=dep.getDeptno()%>"><%=dep.getDeptname()%></option>
     <% }%>
     </select> 
    </span>    </td>
  </tr>
  
  <tr>
   <td align="right">
    <font color="#6666FF">收文单位</font>   </td>
   <td align="left">
    <select name="itemdestination" id="item_destination" class="txt"
     onchange="sub_destination(this)">
     <option value="0">
      请选择     </option>
     <%
         for(int i= 0;i < dep_list.size();i++){
          dep = (Department)dep_list.get(i);
        %>
     <option value="<%=dep.getDeptno()%>"><%=dep.getDeptname()%></option>
     <% }%>
    </select>
    <span id="subdestination"></span>   </td>
  </tr>