ajax动态生成select option

前端之家收集整理的这篇文章主要介绍了ajax动态生成select option前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

仅供记录和参考


/*
*select_id select 的ID
*area_clsss 展示地名的class如span.a1中的a1
*index 要默认select地区,避免默认一个城市
*/
  function make_select(select_id,area_clsss,index,type,tab_id){
     var $select = $('#'+select_id);
     $.ajax({url: 'get_report_city.PHP?date='+date,async: false,dataType: 'json',success: function (response) {
              $select.empty();
              if (response.status == true) {
                  $('span.'+area_clsss).text(response.area[index]);//默认表格展示第一个地区的数据
                  get_list(date,response.area[index],tab_id);
                      $.each(response.area,function (k,v) {
                        if(k==index){ 
                           var opt = new Option(v,v);//默认第一个  new Option(v,v,true)  chrome 不兼容!
                              $(opt).attr("selected","selected");//由于new Option(v,true)默认selected 不兼容chrome 采取的办法
                        }else{
                               var opt = new Option(v,v);
                          }
                               $select.append(opt);
                      });
                    }
            }});
  }
原文链接:https://www.f2er.com/ajax/164320.html

猜你在找的Ajax相关文章