clearing seleccionar usando jquery

Question

¿Es posible borrar el contenido de un objeto de selección html usando JQuery? Tengo una función que obtiene una lista para completar la selección y la agrega a la selección, por lo que necesito alguna forma de borrar los datos anteriores antes de agregarlos.

Answer 1

uso .empty()

$('select').empty().append('whatever'); 

también se puede utilizar .html() pero tenga en cuenta

Cuando .html() se utiliza para ajustar el contenido de un elemento, cualquier contenido que estaba en ese elemento es completamente reemplazado por el nuevo contenido. Considere el siguiente código HTML:

alternativa: --- Si desea que sólo los elementos de opción a-ser-eliminar, utilice .remove()

$('select option').remove(); 

Answer 2

Si no le importan los elementos secundarios, p. optgroup, puede utilizar empty() ...

$('select').empty(); 

De lo contrario, si sólo quiere option elementos eliminado, utilice remove().

$('select option').remove(); 

Answer 3

$('option', '#theSelect').remove(); 

Answer 4

Suponiendo una lista como abajo - y asumiendo algunas de las opciones fueron seleccionadas ... (esta es una selección múltiple, pero esto también funcionará en una sola selección.

<select multiple='multiple' id='selectListName'> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
</select> 

En alguna función llamada basada en algún evento, el siguiente código borrará todas las opciones seleccionadas.

$ ("# selectListName"). Prop ('selectedIndex', -1);

Answer 5

Here is un pequeño plugin jQuery que (entre otras cosas) puede vaciar una lista desplegable.

acaba de escribir:

$('your-select-element').selectUtils('setEmpty');