Skip to main content
2 de 4
se añadieron 860 caracteres en el cuerpo
A. Cedano
  • 95.2k
  • 31
  • 145
  • 257

Puedes hacerlo con jQuery o con Javascript puro.

#jQuery

En jQuery, puedes invocar sencillamente la opción seleccionada mediante $('option:selected', this) y luego aplicar remove().

Por ejemplo:

$('#alergia').click(function() {
  $('option:selected', this).remove();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="alergia" name="alergias2[]" multiple="multiple">
  <optgroup label="Alergias">
    <option value="3">Celíaca</option>
    <option value="2">Celíaca sin Lactosa</option>
    <option value="4">Diabética</option>
  </optgroup>
</select>


#Javascript

En Javascript puro puedes hacer uso de selectedIndex para determinar el índice del elemento seleccionado y luego invocar remove() con dicho valor.

Por ejemplo:

var elSelect = document.getElementById('alergia');

elSelect.addEventListener('click', function() {
  elSelect.remove(elSelect.selectedIndex)
});
<select id="alergia" name="alergias2[]" multiple="multiple">
  <optgroup label="Alergias">
    <option value="3">Celíaca</option>
    <option value="2">Celíaca sin Lactosa</option>
    <option value="4">Diabética</option>
  </optgroup>
</select>

A. Cedano
  • 95.2k
  • 31
  • 145
  • 257