springMvc Jsp下拉框(select)级联

jsp页面信息:


<form action="corp_cost/save.do" name="Form" id="Form" method="post">
<tr>
<td style="width:70px;text-align: right;padding-top: 13px;">资费类型:</td>
                <td>
<label style="float:left;padding-left: 10px;"><input name="form-field-radio" id="form-field-radio1" type="radio" value="1" checked="checked"><span class="lbl">包时长</span></label>
<label style="float:left;padding-left: 10px;"><input name="form-field-radio" id="form-field-radio2" type="radio" value="2"><span class="lbl">套餐</span></label>
<label style="float:left;padding-left: 10px;"><input name="form-field-radio" id="form-field-radio3" type="radio" value="3"><span class="lbl">计时</span></label>
</td>
</tr>
<tr>
<td style="width:70px;text-align: right;padding-top: 13px;">资费名称:</td>
                <td>
<select class="costId_chzn_o_1"
name="costId" id="cost_all" data-placeholder="请选择资费"
style="vertical-align:top;width: 180px;"
>
<option value=""></option>
<option value="">全部</option>
</select>
</td>
</tr>
<tr>
<td style="text-align: center;" colspan="10">
<a class="btn btn-mini btn-primary" οnclick="save();">保存</a>
<a class="btn btn-mini btn-danger" οnclick="top.Dialog.close();">取消</a>
</td>
</tr>
</table>
</div>

</form>


<script type="text/javascript">

$(function() {
//页面初始化时级联默认信息
getCosts();


//单选按钮触发时级联信息
$('input:radio[name="form-field-radio"]').change(function(){
getCosts();
});

});


function getCosts(){
var costType = $('input:radio[name="form-field-radio"]:checked').val();
$.ajax({
type: "POST",
url: '<%=basePath%>corp_cost/getCosts.do',
data: {cost_type: costType},
dataType:'json',
beforeSend: function(){
   //级联信息时首先清空下拉框信息
$(".costId_chzn_o_1").html('请选择');
},
success: function(data){
var str = '<option value="">请选择</option>';
for(var o in data){
str += "<option>"+data[o].name+ "</option>";
}
$(".costId_chzn_o_1").append(str);
}
});
}


</script>




controller类代码


@ResponseBody
@RequestMapping(value="/getCosts" , produces = {"application/json;charset=UTF-8"})
public String getCosts() throws Exception{
List<Map> costs = costService.listAll(pd);  //这里返回list对象,map中包含key=name
return JSONObject.toJSONString(costs);


}
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值