美文网首页技术Web前端之路让前端飞
从后台获取的数据如何动态的添加进下拉框里?

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

作者: 啥啥啥娜娜 | 来源:发表于2017-09-19 15:48 被阅读119次

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

    然后页面效果如下:

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

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

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

    控制台输出结果如下:

    最终效果

    用jquery ajax怎么写?如下图:

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

    如何获取选中值?

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


    相关文章

      网友评论

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

      本文链接:https://www.haomeiwen.com/subject/sciwsxtx.html