JQuery rafraîchir la boîte de sélection

Question

Je peuplant un champ de sélection à l'aide JQuery à la page charge en utilisant cette méthode

$('#select').append('<option value="' + result + '">' + result + '</option>'); 

Cependant cela laisse la boîte de sélection « en blanc », à savoir la première valeur de la liste des options n'est pas présélectionné comme l'option sélectionnée. Comment puis-je «actualiser» cette liste afin que la première valeur soit présélectionnée?

Désolé - aurait dit qu'il était mobile JQuery avant

Merci.

Answer 1

Vous pouvez ajouter un attribut "sélectionné" à l'élément d'option que vous souhaitez sélectionner:

$('#select') 
    .append('<option value="' + result + '" selected="selected">' + result + '</option>'); 

Vous ne précisez pas comment vous renseignez-vous exactement sélectionner l'élément, en utilisant une boucle, vous pouvez faire comme ceci:

var data = ['a', 'b', 'c']; 
var $select = $('#select'); // you might wanna empty it first with .empty() 

for (var i = 0; i < data.length; i++) { 
    var o = $('<option/>', { value: data[i] }) 
     .text(data[i]) 
     .prop('selected', i == 0); 
    o.appendTo($select); 
}​ 

DEMO

---

Il semble que vous utilisez jQuery Mobile comme tu l'as dit dans le commentaire.

Si vous utilisez le sélectionnez Menu widget de, vous devez actualiser programme après avoir effectué le changement programmatique à son contenu/structure:

$select.selectmenu("refresh", true); 

Documentation

Answer 2

simplement .. Vous définissez la valeur que vous voulez, à savoir: $('#select').val(5); .. donc dans votre cas son $('#select').val(result);

Edit: un exemple de travail complet inclus:

<script type='text/javascript' src='http://code.jquery.com/jquery-1.6.4.js'></script> 
<select id='select'></select> 
<br> 
<input type=button onclick='addNew()' value='Add'> 

<script> 
function addNew() 
{ 
     var result = Math.floor(Math.random()*1000); 
     $('#select').append('<option value="' + result + '">' + result + '</option>'); 
     $('#select').val(result);   
} 
</script> 

Answer 3

Tous les navigateurs n'actualisez sélectionner automatiquement après avoir ajouté une nouvelle option.

Un truc qui fonctionne pour moi est de cacher et d'afficher la boîte de sélection juste après l'ajout de nouvelles options. Donc, dans votre cas:

$('#select').append('<option value="' + result + '">' + result + '</option>').hide().show(); 

En ce qui concerne la sélection de l'option nouvellement ajoutée correcte, suivre avec:

$('select').val(result); 

Answer 4

Vous pouvez utiliser

$('#select').removeAttr('selected').find('option:first').attr('selected', 'selected');