jQuery eliminar la opción seleccionada de este

1 minuto de lectura

primera publicación aquí, vengo en son de paz 🙂 He buscado pero no puedo encontrar lo que busco.

Estoy tratando de manipular la opción seleccionada de un cuadro de selección. ¿Puede alguien explicar por qué esto funciona?

$('#some_select_box').click(function() {
  $('#some_select_box option:selected').remove();
});

pero esto no:

$('#some_select_box').click(function() {
  $('this option:selected').remove();
});

Solo quiero usar “esto” en lugar de deletrear la identificación del cuadro de selección. ¿Alguien puede indicarme la dirección correcta para la sintaxis correcta? Me está volviendo loco porque parece que debería ser realmente simple. Y estoy seguro de que lo es para alguien, pero no para mí, porque es el final del día y tengo el cerebro frito… Cualquier sugerencia es muy apreciada.

Salud

avatar de usuario
Mathieu

this no es un selector css. puedes evitar deletrear el id de this pasándolo como contexto:

$('option:selected', this).remove();

http://api.jquery.com/jQuery/

  • Eso es genial, gracias… Parece que queda mucho más jquery por aprender. No estaba al tanto de esa sintaxis. Muchas gracias 🙂

    – odavy

    23 de marzo de 2010 a las 11:17

 $('#some_select_box').click(function() {
     $(this).find('option:selected').remove();
 });

Utilizando el encontrar método.

  • Cómo hacerlo sin jQuery, en javascript puro

    usuario285594

    16 de febrero de 2016 a las 13:42

Esto debería funcionar:

$('#some_select_box').click(function() {
  $('option:selected', this ).remove();
});

avatar de usuario
Siddartha

este es mas sencillo

$('#some_select_box').find('option:selected').remove().end();

$(‘#some_select_box option:seleccionado’).remove();

¿Ha sido útil esta solución?