jQuery refrescar cuadro de selección

Question

estoy poblando un campo de selección utilizando jQuery al cargar la página usando este método

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

Sin embargo, esto deja el cuadro de selección 'en blanco', es decir, el primer valor de la lista de opciones no se preselecciona como la opción seleccionada.

¿Cómo 'actualizo' esta lista para que el primer valor esté preseleccionado?

Lo sentimos - debería haber dicho que era antes de jQuery Mobile

Gracias.

Answer 1

Puede agregar un atributo "seleccionado" al elemento de opción que desea que se seleccione:

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

No se especifica cómo se rellena exactamente selecciona elemento, utilizando un bucle, se puede hacer así:

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

---

Por lo que parece que está utilizando jQuery Mobile como dijiste en el comentario.

Si está utilizando el Seleccione Menú widget de, es necesario actualizar mediante programación después de realizar el cambio programático a su contenido/estructura:

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

Documentation

Answer 2

Simplemente .. se establece el valor lo que quiera, es decir: $('#select').val(5); .. por lo que en su caso su edición $('#select').val(result);

: un ejemplo de trabajo completo incluido:

<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

todos los navegadores no actualiza automáticamente seleccionará después de agregar una nueva opción.

Un truco que funciona para mí es ocultar y mostrar el cuadro de selección justo después de agregarle nuevas opciones. Así, en su caso:

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

En cuanto a la selección de la opción recién añadida correcta, siga con:

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

Answer 4

Es posible utilizar

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