动态获取下拉列表并回显

下拉列表通过jquery ajax直接返回option html

页面:html

<script src="${request.contextPath}/js/choose.js"
type="text/javascript"></script>

<script type="text/javascript">
$(function(){
$("#select1").one("click", function(){
choose(this);
});
$("#select1").change(function(){ //下拉框改变时取得值
$("#sexId").val($(this).val());
});
});
</script>

<!-- Jquery ajax。 开始-->
<select id="select1" poperty="employeeSex" >
#if($sex.name)
<option  value="$!sex.id" selected="selected" >
$sex.name
</option>
#else
<option id="first"  value="" selected="selected">
==请选择性别==
</option>
#end
</select>
<input type="hidden" name="sexId" id="sexId" value="$!sex.id" /> 
<!-- 结束 -->

choose.js

function choose(obj){
var obj = $(obj);
var poperty = obj.attr("poperty");
$.ajax({
type:'get',//可选get
url:'ajax!getDictionaryBySn.action',//这里是接收数据的PHP程序
data:'sn='+poperty,
dataType:'html',//服务器返回的数据类型 可选XML ,Json jsonp script html text等
success:function(msg){
obj.find("option").not("#first").remove();
obj.append(msg);
},
error:function(){
alert("ajax提交失败的处理函数!");
}
});
}

selectoptions.html 

#foreach($o in $list)
<option value="$!o.id">
$!o.name
</option>
#end

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值