Struts2-在js中使用struts2标签

浏览数：55 / 时间：2015年06月09日

1，支行是下拉列表，自助银行也是下拉列表，它们是级联关系;

<tr>
　　<th width="17%"><span>*</span>所属支行:</th>
　　<td width="35%"><div>
　　　　<s:select name="term.subBranch.id" id="subBranch"
　　　　　　list="branchResourceList"
　　　　　　listKey="realValue"
　　　　　　listValue="displayValue"
　　　　　　onchange="changeSubBranch($(‘#subBranch‘).val())">
　　　　</s:select>
　　</div></td>
　　<th width="13%"><span>*</span>所属自助银行:</th>
　　<td width="35%"><div>
　　　　<select id="selfBank" name="term.selfBank.id"> </select>
　　</div></td>
</tr>

2，下面的js主要是级联操作，当更新的时候，需要同时选中所属自助银行

　　对js的操作，使用的是jquery

<script type="text/javascript">
　　$(document).ready(function(){
　　　　subBranchId = $(‘#subBranch‘).val()
　　　　changeSubBranch(subBranchId)
　　})

　　function changeSubBranch(subBranchId){
　　　　if(subBranchId != null){ 
          //会去调用后台代码，这里不需要关心
　　　　　　$.getJSON("selfBank!loadSelfBankBySubBranch.jspa",{subBranchId:subBranchId}, function(data){
　　　　　　　　var html=‘‘;
　　　　　　　　$(data).each(function(i,o){
　　　　　　　　　　html+=‘<option value="‘+o.id+‘"‘;
　　　　　　　　　　// 使用 $("#selfBank").val() 获取不到值 ，需要使用下面 <s:property value="term.selfBank.id" />
　　　　　　　　　　if(o.id==<s:property value="term.selfBank.id"/>){
　　　　　　　　　　　　html+=" selected=selected ";
　　　　　　　　　　}
　　　　　　　　　　html+=‘ >‘+o.name+‘</option>‘;
　　　　　　　　})
　　　　　　$(‘#selfBank‘).html(html)
　　　　});
　　}
}
</script>