Tengo un selector de arranque de selección múltiple y me gustaría encontrar la opción específica que se acaba de seleccionar. Por ejemplo, si tengo el selector configurado en algo como esto:
<select class="form-select selectpicker" multiple aria-label="Default example"> <option value="Apple">Apple</option> <option value="Cherry">Cherry</option> <option value="Papaya">Papaya</option> <option value="Kiwi">Kiwi</option> </select>Cuando el usuario selecciona su primera opción, "Cherry", me gustaría alertar ("Cherry"). Cuando el usuario selecciona su segunda opción, "Apple", me gustaría alertar ("Apple").
Intenté usar la opción: seleccionado: último valor, pero esto solo funciona para mostrar la última opción en la matriz de opciones seleccionadas. Me gustaría mostrar la opción que se seleccionó más recientemente, independientemente de su lugar en la matriz de opciones seleccionadas. Cualquier idea es muy apreciada.
EDITAR: esta pregunta se cerró debido a que se marcó como similar a la pregunta que se encuentra aquí: Obtener el valor seleccionado en la lista desplegable usando JavaScript
Después de revisar todas las respuestas proporcionadas en ese enlace, no estoy convencido de que las preguntas sean las mismas. Me gustaría obtener el texto seleccionado más recientemente en un selector de selección múltiple , no la única opción seleccionada en una sola selección. Por lo tanto, si un usuario tiene seleccionadas las opciones Apple y Papaya, pero seleccionó la opción Apple después de seleccionar la opción Papaya, me gustaría alertar ("Apple"). Gracias.
Aquí hay dos métodos por los cuales puede usar Alert.
Primer método: con OnChange
<select class="form-select selectpicker" multiple aria-label="Default example" onchange = "alert(this.value)"> <option value="Apple">Apple</option> <option value="Cherry">Cherry</option> <option value="Papaya">Papaya</option> <option value="Kiwi">Kiwi</option> </select> Segundo método: implica un detector de eventos pero está haciendo lo mismo (Javascript) (suponiendo que la ID de la etiqueta de selección es selector )
function change(){ alert(this.value) } document.getElementByID("selector").addEventListener("onchange",change)