javascript - 如何将json的name放到下拉列表中呢？

Question

现在正在搞两个个下拉列表，用来选择两个地点，地点的名称与坐标都在json里面了，因为数据多，不方便将一个个名称放到HTML中，所以上网查了一下方法，但是依然没有显示，就想问问怎么才能提取json里面的名称放到HTML的下拉列表中呢？谢谢了。

学习ing · Answer

如果你想将数据渲染到Html里面的话，首先得把你的数据结构变一下，你贴出来的数据结构不规范
///////////////////////////////////////////
你这样修改的数据结构仍然取不出来哦，应该像下面的结构：

{
    "address":[
        {
            "name":"北京首都国际机场",
            "latitude":40.08010101,
              "longitude":116.5849991
        },{
            "name":"北京西郊机场",
            "latitude":39.96080017,
              "longitude":116.2570038
        }
        .......
    ]
}

循环address,这样你才能取到值

三叔 · Answer

你可以循环遍历这个json对象, for(var key in json){//每一个key值就是机场名}

过去多啦不再A梦 · Answer

function render() {
    $.ajax({
        url: '/api/getJSON',
        dataType: 'json'
    })
    .done(function (res) {
        var html = '';
        for (var location in res) {
            html += '';
        }
        console.log(html);
    })
}

是这个意思么。

黄舟 · Answer

可以用select2插件，可以ajax模糊匹配，很好用

把经纬度用属性保存起来，提交的时候取出来，或者用FormData对象提交表单

也可以做一个隐藏表单，选择的时候就把经纬度充填到隐藏表单，提交

当然，说起来容易，做起来还是要花点时间，楼主加油

天蓬老师 · Answer

es6的话很简单：

let keys = Object.keys(obj); //就可以获取一个数组，判断输入的值是否在这个数组中可以：
keys.find(fn); //来获取相应的值，fn里面可以进行模糊匹配

es5的话麻烦点：

var arr = [];
for( var key in obj ){
    arr.push(key);
}
arr.each(fn) //fn里面可以进行模糊匹配

你如果要弄个下拉表，特别是数据量庞大的话有点不现实，通过获取输入值来进行匹配的话是最好的

漂亮男人 · Answer

这数据结构咋感觉那么怪呢

javascript - 如何将json的name放到下拉列表中呢？

全部回复(6)我来回复