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("数据加载出错,请重试!");
             }
         });
     }

网上有误导,入网虚谨慎

猜你喜欢

转载自blog.csdn.net/qq_18937429/article/details/84326197