我这两天一直在写前端,修改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("数据加载出错,请重试!");
}
});
}
网上有误导,入网虚谨慎