select下拉框通过ajax获取后台的值

我这两天一直在写前端,修改bug,这个问题是真的搞了我一天是时间。鄙人才明白,经验缺少带来的时间浪费啊!

由于网上查找的资料严重误导了我,在这里我讲个思路大家应该就明白了:

       我们下拉框的值是后台获取的,其实并不需要点击事件来查询后台的值,再来显示出来(网上找到的基本都这么写,可能又正确的代码我没找到!)。只需要在加载页面的时候,自动执行ajax方法就行。这时候的data就是后台传过来的json

html代码:

<select name="myid" id="myid"  href="javascript:" >
    <span>选择分类</span>
</select> 

js代码:

     window.onload = SearchVehicleTag();//加载页面时自动执行方法
     function SearchVehicleTag(){
    	 $.ajax({
             url: "后台的地址",  
             type: "post",
             dataType: "json",
             contentType: "application/json",
             traditional: true,
             success: function (data) {
                 for (var i = 0; i < data.length; i++) {
                     var jsonObj =data[i];
$("#vehicleLog").append("<option value='"+jsonObj.ID+"'>" + jsonObj.TAGNAME + "</option>");
                 }
             },
             error: function (msg) {
                 alert("数据加载出错,请重试!");
             }
         });
     }

网上有误导,入网虚谨慎

  • 7
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值