从后台获取的数据如何动态的添加进下拉框里?

首先现在本地写一个json文件,如下:

从后台获取的数据如何动态的添加进下拉框里?_第1张图片

然后页面效果如下:


从后台获取的数据如何动态的添加进下拉框里?_第2张图片

进行ajax数据请求获取json数据:
JSON.parse() 方法用于将一个 JSON 字符串转换为对象。

for (var i = 0 ; i < fruitList.length;i++) {$('#selectBox').prepend('' + fruitList[i].name+ '')};

利用for循环将得到的数据动态添加到select下


从后台获取的数据如何动态的添加进下拉框里?_第3张图片

控制台输出结果如下:

从后台获取的数据如何动态的添加进下拉框里?_第4张图片

最终效果


从后台获取的数据如何动态的添加进下拉框里?_第5张图片

用jquery ajax怎么写?如下图:

将ajax封装成_RUN_ACT(url,data,_callback)函数,success返回的数据放进d里

从后台获取的数据如何动态的添加进下拉框里?_第6张图片


从后台获取的数据如何动态的添加进下拉框里?_第7张图片

如何获取选中值?

$('#下拉框的id名').val()




你可能感兴趣的:(从后台获取的数据如何动态的添加进下拉框里?)