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],type,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,v,true)默认selected 不兼容chrome 采取的办法
                        }else{
                               var opt = new Option(v, v);
                          }
                               $select.append(opt);
                      });
                    }
            }});
  }


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
elselect是一种用于动态选择option的方法。它可以根据特定条件或用户的不同选择来自动更新可选项。 使用elselect,我们可以在不刷新整个页面的情况下,根据用户的选择来更新下拉列表中的选项。这对于许多交互性强的网页或应用程序来说非常有用。 在实际应用中,我们可以将elselect与JavaScript结合使用,通过监听用户的操作,并根据所选择的条件动态更新option。 首先,我们需要在HTML中定义一个select元素,并设置一个id来唯一标识该元素。然后,我们可以使用JavaScript来获取该元素,并监听其onchange事件。 当用户在此select元素中进行选择时,触发onchange事件,我们可以编写JavaScript代码来根据用户的选择动态更新option。 例如,假设我们有一个select元素,用于选择不同的城市。当用户选择某个省份时,我们可以通过onchange事件监听到选择的值,然后使用Ajax或其他数据获取方式获取该省份下各城市的数据,并根据这些数据动态更新select中的option。 具体实现的方式可以是根据省份值发送一个请求到服务器,服务器返回该省份下的城市列表数据,然后我们可以使用JavaScript将返回的城市列表数据动态生成option,并替换掉原有的option。 总而言之,elselect是一种非常方便的方法,可以根据用户的选择动态更新option,提供更好的用户体验。通过结合JavaScript和其他相关技术,我们可以实现elselect在各种web应用中的灵活应用。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值