javascript - Wie füge ich einen JSON-Namen in die Dropdown-Liste ein?

Question

Jetzt arbeite ich an zwei Dropdown-Listen, um zwei Orte auszuwählen. Da es viele Daten gibt, ist es unpraktisch, die Namen einzeln in HTML einzugeben Ich habe die Methode online überprüft, aber es wird immer noch nichts angezeigt. Daher möchte ich fragen, wie ich den Namen aus JSON extrahieren und in H einfügen kann ...

学习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 - Wie füge ich einen JSON-Namen in die Dropdown-Liste ein?

Antworte allen(6)Ich werde antworten