Hola, tengo este menú de lista desplegable y quiero hacer un script que cuando seleccione solo la última opción, las etiquetas cambien en html. Este es mi código que he hecho hasta ahora:
<select id='type' name='type' class="form-control" onchange="loadText(this)"> <option value="S">S</option> <option value="B">B</option> <option value="F">F</option> </select> <script> function loadText(select) { alert(select.options[select.valueOf(2)].text); } </script>Intenté obtener el valor de la opción seleccionada pero no funciona, antes de tenerlo
select.selectedIndex
pero quiero que esta función funcione solo para el último valor, no para los 3
<select id='type' name='type' class="form-control" onchange="loadText(this)"> <option value="S">S</option> <option value="B">B</option> <option value="F">F</option> </select> <script> function loadText(select) { var select = document.getElementById('type'); var lastValue = select.options[select.options.length - 1].value; var selectedValue = select.options[select.selectedIndex].text; if (lastValue === selectedValue) { alert(selectedValue); } } </script>