Sélectionnez Options à partir de JSON

Question

Je suis novice quand il s'agit de JSON et je veux essayer d'écrire une option JSON autofiller, mais je ne sais pas par où commencer. La façon dont mon script fonctionne actuellement utilise PHP et MySQL pour remplir le premier ensemble d'options de sélection avec une liste distincte d'une table de base de données, puis une sélection d'utilisateur le prochain ensemble d'options de sélection sont remplies automatiquement avec des options liées au premier ensemble. Est-il possible de le faire dans JSON?

Answer 1

Bien sûr. Disons que vous avez un JSON simple:

{ "Options": [ 
    { "Text":"MyText","Value":"MyValue"}, 
    { "Text":"MyText2","Value":"MyValue2"} 
    ] 
} 

Ensuite, vous évaluez que JavaScript:

var options = eval('(' + myJson + ')'); // myJson is your data variable 

Ensuite, vous créez simplement chaque option dans le dom (je vais utiliser jQuery pour l'amour de brièveté)

var length = options.length; 

for(var j = 0; j < length; j++) 
{ 
    var newOption = $('<option/>'); 
    newOption.attr('text', options[j].Text); 
    newOption.attr('value', options[j].Value); // fixed typo 
    $('#mySelect').append(newOption); 
} 

Ou quelque chose de similaire à cet effet.

Answer 2

JSON est une notation d'objet javascript utilisée pour stocker des données.

Votre serveur Web peut renvoyer JSON en fonction de n'importe quel type de demande. Si votre page Web contient les données JSON, vous pouvez utiliser javascript/jquery pour construire dynamiquement le select dans la dom.