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)我來回復