span - jQuery para eliminar una opción de la lista desplegable, dado el texto/valor de la opción

obtener texto de un span jquery

Question

Tengo una lista desplegable y me gustaría eliminar una opción de ella, dado el texto / valor de esa opción en particular. ¿Es posible usar jQuery? Al igual que ''agregar'', que agrega una opción a la lista desplegable, ¿hay alguna función para eliminar una opción?

Intenté buscarlo, pero todo lo que obtuve fueron ejemplos en los que se eliminó todo el conjunto de opciones en la lista desplegable, que no es lo que busco.

aclamaciones

Answer 1

$("option[value=''foo'']").remove();

o mejor (si tiene pocas selecciones en la página):

$("#select_id option[value=''foo'']").remove();

Answer 2

Una vez que haya localizado el elemento desplegable

dropdownElement = $("#dropdownElement");

Encuentre el elemento <option> utilizando el selector de atributos JQuery

dropdownElement.find(''option[value=foo]'').remove();

Answer 3

Sé que es muy tarde pero también se puede usar el siguiente enfoque:

<select id="type" name="type" >
    <option value="Permanent" id="permanent">I am here to stay.</option>
    <option value="toremove" id="toremove">Remove me!</option>
    <option value="Other" id="other">Other</option>
</select>

y el script se vería como

$(''#toremove'').hide();