javascript - Comment mettre le nom JSON dans une liste déroulante?

Question

Maintenant, je travaille sur deux listes déroulantes pour sélectionner deux lieux. Les noms et coordonnées des lieux sont tous en json. Comme il y a beaucoup de données, il n'est pas pratique de mettre les noms un par un en HTML, donc je le fais. J'ai vérifié la méthode en ligne, mais rien ne s'affiche, je voudrais donc demander comment extraire le nom de json et le mettre dans H...

学习ing · Answer

Si vous souhaitez restituer les données en HTML, vous devez d'abord modifier votre structure de données. La structure de données que vous avez publiée n'est pas standardisée
/////////////////// ///. //////////////////////
La structure de données que vous avez modifiée ainsi ne peut toujours pas être récupérée. Elle devrait ressembler à la structure suivante :

.

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

Adresse en boucle pour obtenir la valeur

三叔 · Answer

Vous pouvez parcourir cet objet json, for(var key in json){//Chaque valeur clé est le nom de l'aéroport}

过去多啦不再A梦 · Answer

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

Est-ce que cela signifie ?

黄舟 · Answer

Vous pouvez utiliser le plug-in select2 et la correspondance floue ajax, qui est très simple à utiliser

Enregistrez la latitude et la longitude en tant qu'attributs et supprimez-les lors de la soumission, ou utilisez l'objet FormData pour soumettre le formulaire

Vous pouvez également créer un formulaire masqué lors de la sélection, remplissez la longitude et la latitude dans le formulaire masqué et soumettez-le.

Bien sûr, c'est plus facile à dire qu'à faire, mais cela prend quand même du temps à faire.

天蓬老师 · Answer

Les mots de

es6 sont très simples :

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

Si vous utilisez es5, veuillez résoudre :

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

Si vous souhaitez créer un tableau déroulant, surtout si la quantité de données est énorme, c'est un peu irréaliste. Il est préférable de faire correspondre en obtenant la valeur d'entrée

.

漂亮男人 · Answer

Cette structure de données semble si étrange