Mise à jour des options de boîte de sélection via jQuery AJAX?

Question

Existe-t-il un type de plugin pour cela? Le serveur renvoie le contenu JSON contenant les étiquettes et les valeurs d'option.

Je peux le faire manuellement, je voulais juste voir s'il y avait un moyen plus facile.

Answer 1

boucle à travers le JSON et le faire sur chaque paire texte/valeur (fonctionne bien cross-browser):

var opt = document.createElement('option'); 
opt.value = "someValue"; 
opt.appendChild(document.createTextNode("someText")); 
$('#mySelect').append(opt); 

Answer 2

Je littéralement juste boucler si les éléments de la liste, et générer le code HTML, avant d'insérer le code HTML dans l'élément. Il y a probablement un plugin maintenant vous le mentionnez.

var selectHtml = '' 
foreach obj Item in jsonobject.list) 
    selecthtml += "<option value="+ item.value +">" + item.label + "</option>" 

$('selectList').html(selectHtml); 

Ou quelque chose de similaire

Answer 3

J'utilise javascript, façon jQuery et AJAX pour mettre à jour la boîte de sélection avec des données JSON de la façon suivante. C'est assez propre et concis et fait le travail parfaitement.

$.getJSON(url, data, function(responseJSON){ // GET JSON value from the server 
    $("#mySelect option").remove(); // Remove all the <option> child tags from the select box. 
    $.each(responseJSON.rows, function(index, item) { //jQuery way of iterating through a collection 
     $('#mySelect').append($('<option>') 
      .text(item.label) 
      .attr('value', item.value)); 
       }); 
      });