基於SSH實現下拉框的二級聯動
$(function(){
getzhuceid();
});
function getzhuceid() {
var zhuceid = document.getElementById("zhuceid").value;
var url = "DeptAction.action?id="+zhuceid;
$.ajax( {
type : "POST",
url : url,
dataType : "JSON",
success : function(data) {
//data為後臺返回的Json資訊
for(var n=0;n<data.length;n++){
var ids=data[n].id;
var names=data[n].name;
$("#registeredAddressTown").append("<option id='"+ids+"' value='"+names+"'>"+names+"</option>");
}
}
});
}
</script>
<body>
<select id="zhuceid" onchange="getzhuceid()">
<s:iterator value="list" var="d">
<option value="${d.deptId}">${d.deptName}</option>
</s:iterator>
</select>
<select id="registeredAddressTown"></select>
</body>
注意: Struts配置檔案中要配置json 比如:
<package name="Dept" extends="json-default" namespace="/">
<action name="DepartmentsAction" class="web" method="comboxlist">
<result name="success">index.jsp</result>
</action>
<action name="DeptAction" class="web" method="comboxPos">
<result name="success" type="json">
<param name="root">plists</param>
</result>
</action>
</package>
Action:
把需要的屬性提取出來封裝成一個物件, 然後賦值,然後使用json傳值。前臺接收資料。