Jquery ajax在select中动态加载option并且添加点击事件

最新推荐文章于 2023-07-16 15:54:09 发布

bazinga_lxm

最新推荐文章于 2023-07-16 15:54:09 发布

阅读量2.7w

点赞数 3

分类专栏： jquery 文章标签： jquery ajax select

本文链接：https://blog.csdn.net/qq_22193397/article/details/53908721

版权

jquery 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

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);
         }
      });
      // 绑定点击事件
      $("#centerNameSelect").change(function(){
          var item = $("#centerNameSelect").val();
          if(item == "00"){
              $("#affirmSealDiv").show();
              findaffirmSeal();
          }
          else{
              $("#affirmSealDiv").hide();
          }
      });
}