Jqueryajax在select中动态加载option并且添加点击事件
select中动态加载option并且添加点击事件
jsp代码:
<script type="text/javascript">
$(function(){
findCenterName();
});
</script>
<body>
<select id="centerNameSelect" >
</body>
js代码:
function findAmountType(){
var url_at = "nkbpo/report/tools!amountTypeConfirm.action";
//清空原有select内的数据
$("#centerNameSelect").empty();
$.ajax({
url:url_at ,
type:"post" ,
dataType:"json",
success:function(data){
$("#centerNameSelect").append("<option value='-1'>--请选择--</option>");
/
/遍历 json为{id:"00",text:"aa".....},{id:"01",text:"bb".....}
$.each(data, function(index, item) {
var id = data[index].id;
var text = data[index].text;
$("#centerNameSelect").append("<option value='"+id+"'>"+text+"</option>");
});
},
error:function(XMLHttpRequest,textStatus, errorThrown) {
// alert(errorThrown);
}
jquery怎么进行验证});
/
/ 绑定点击事件
$("#centerNameSelect").change(function(){
var item = $("#centerNameSelect").val();
if(item == "00"){
$("#affirmSealDiv").show();
findaffirmSeal();
}
else{
$("#affirmSealDiv").hide();
}
});
}
以上为从后台获取json动态加载下拉框的代码,由于并没有到直接给Option添加点击事件的⽅法,所以通过select的change事件进⾏判断。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论