jQuery trabajando con selects

Los tipo select en los formularios son un poco especiales y unos de los más usados, todos en internet hemos tenido que rellenar un formulario en el cual al menos siempre hay un desplegable.

Aquí os dejo algunos atajos para trabajar con desplegables en jQuery.

Borrar todos los datos de un desplegable

$(‘desplegable option’).remove();

Eliminar todos los datos menos el primero

$(‘desplegable option:gt(0)’).remove();

Obtener el valor de un desplegable

$(‘desplegable’).val();

Obtener el texto del valor seleccionado en un select

$(‘desplegable option:selected’).text();

Obtener el objeto DOM del valor seleccionado y no el objeto jQuery

$(‘desplegable option:selected’).get();

Rellenar un desplegable desde un JSON

$.each(ob, function(key, value) {

$('<option />').text(key)
                    .attr("value",value)
                    .appendTo('desplegable’);

});