javascript - How to put json name into drop-down list?

Question

Now I am working on two drop-down lists to select two places. The names and coordinates of the places are all in json. Because there is a lot of data, it is inconvenient to put the names one by one in HTML, so I checked the method online, but Still nothing is displayed, so I would like to ask how to extract the name from json and put it into H...

学习ing · Answer

If you want to render data into Html, you must first change your data structure. The data structure you posted is not standardized
//////////////////// //////////////////////////
The data structure you modified like this still cannot be retrieved. It should look like the following structure:

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

Loop address so you can get the value

三叔 · Answer

You can loop through this json object, for(var key in json){//Each key value is the airport name}

过去多啦不再A梦 · Answer

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

Is this what it means?

黄舟 · Answer

You can use the select2 plug-in and ajax fuzzy matching, which is very easy to use

Save the latitude and longitude as attributes and take them out when submitting, or use the FormData object to submit the form

You can also make a hidden form. When selecting, fill in the longitude and latitude into the hidden form and submit

Of course, it’s easier said than done, but it still takes time to do. Come on, sir

天蓬老师 · Answer

es6’s words are very simple:

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

If you are using es5, please trouble:

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

If you want to make a drop-down table, especially if the amount of data is huge, it is a bit unrealistic. It is best to match by getting the input value

漂亮男人 · Answer

This data structure feels so strange