struts2+ajax做的一个级联下拉列表

struts2+ajax做的一个级联下拉列表
struts端代码:
/**
* 級聯顯示社群的資訊類別
* @return
*/
public String showNewsType() {
newsTypeList = associationNewsTypeService.showNewsTypeListByAssnId(associationId);
return SUCCESS;
}

struts配置文件代码:
<!-- 級聯顯示社群資訊分類 -->
<action name="showNewsType" class="wwwUserGovernmentAction" method="showNewsType">
<result type="json"></result>
</action>

ajax代码:
/**
*級聯下拉列表顯示
*/
function showNewsType(newsTypeId) {
var parent = document.getElementById("synAssociationSelect");
var associationId = parent.options[parent.selectedIndex].value;
if(associationId == 0) {
$("#newsTypeSelectTd").css("display","none");
} else {
var params = {"associationId":associationId};
$.ajax({
type : "post",
url : "/government/showNewsType",
async : false,
data : params,
dataType : "json",
success : function(json) {
var newsTypeSel = document.getElementById("newsTypeSelect");
newsTypeSel.length = 0;
if(json.newsTypeList.length == 0) {
newsTypeSel.options.add(new Option("該社群沒有資訊分類", 0));
}
for(var i = 0; i < json.newsTypeList.length; i++) {
if(json.newsTypeList[i].typeId == newsTypeId) {
newsTypeSel.options.add(new Option(json.newsTypeList[i].typeName, json.newsTypeList[i].typeId, 'seleted'));
} else {
newsTypeSel.options.add(new Option(json.newsTypeList[i].typeName, json.newsTypeList[i].typeId));
}
}
}
});

$("#newsTypeSelectTd").css("display","block");
}
}

html代码:
<tr>
<td style="vertical-align:top;">同步社群:</td>
<td>
<select id="synAssociationSelect" name="governmentQuestion.synAssociationId" οnchange="showNewsType($!

{governmentQuestion.associationNewsTypeId})">
#if($userAssociationList.size() > 0)
<option value="0">--請選擇--</option>
#foreach($userAssociation in $userAssociationList)
<option value="$!{userAssociation.associationId}" #if($!

{governmentQuestion.synAssociationId} == $!{userAssociation.associationId})selected#end>$!{userAssociation.associationName}</option>
#end
#else
<option value="0">--您還沒有加入社群--</option>
#end
</select>
</td>
<td id="newsTypeSelectTd" style="display:none" colspan="2">
<select id="newsTypeSelect" name="governmentQuestion.associationNewsTypeId">

</select>
</td>
</tr>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值