39
¿El elemento "seleccionar" HTML tiene un evento seleccionar? ¿Cuál es exactamente el nombre del evento?HTML <select> ¿cómo se llama en el evento select?
A
Respuesta
61
¿Es onchange lo que buscaba?
3
Independientemente del tipo de entrada, siempre que una entrada de formulario cambie de valor, siempre se debe lanzar un evento onchange. (Con la excepción de los botones, ya que en realidad no son dispositivos de entrada).
+1
Vale la pena señalar que cuando usa un
20
Es onchange Event.
jQuery lo envuelve en el auxiliar .change. Si se utiliza sin formato Javascript a continuación, utilizar addEventListner('change', function...):
<html>
<head>
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript">
// If using jQuery
$(document).ready(function() {
$("#list").attr("selectedIndex", -1);
$("#list").change(function() {
$("#answer").text($("#list option:selected").val());
});
});
</script>
<script type="text/javascript">
// Plain Javascript:
document.addEventListener('DOMContentLoaded', function(event) {
var selectList = document.getElementById("list");
var divAnswer = document.getElementById("answer");
selectList.addEventListener("change", function(changeEvent) {
divAnswer.textContent = selectList.value;
});
});
</script>
</head>
<body>
<div id="answer">No answer</div>
<form>
Answer
<select id="list">
<option value="Answer A">A</option>
<option value="Answer B">B</option>
<option value="Answer C">C</option>
</select>
</form>
</body>
</html>
+15
El mundo no es jQuery. Probablemente sea mejor responder con una respuesta JS genérica si el O.P. no solicitó explícitamente jQuery. –
+3
+1: De hecho, estaba buscando una solución jQuery. Gracias. –
25
También vale la pena mencionar que este no se dispara si la selección no cambia (parece explicarse por sí misma). Hasta donde yo sé, no hay ningún evento que se dispare cuando un usuario baja la casilla de selección y luego vuelve a seleccionar el valor original.
+0
+1, esta es la pregunta a la que estaba buscando una respuesta. – LarsH
+0
Ver mi respuesta a otra pregunta: http://stackoverflow.com/a/12404521/56621 – Alex
+0
@wakeless gracias, sabía que la búsqueda en Google para este caso de borde iba a ser difícil. Me alegro de que haya contestado para que cubra la cuestión de que el usuario seleccione el mismo valor. – Sukima
Cuestiones relacionadas
- 1. Cambiar evento en <select>
- 2. ¿Cómo se llama el "operador <<"?
- 3. <optgroup> seleccionable en HTML <select> etiqueta
- 4. HTML SELECT - Se dispara Javascript onchange evento aún cuando la opción no se cambia
- 5. ¿Cómo se llama IEnumerable <Foo>?
- 6. Html Select List: ¿por qué onchange se llamará dos veces?
- 7. Styling discapacitados <select> (cuadros desplegables) en HTML
- 8. Evento de cambio de desencadenante <select> usando jquery
- 9. cuando se llama al evento "DOMNodeInserted"?
- 10. Evento para SELECT onchange con teclado
- 11. jQuery En <select> evento de cambio no se activa
- 12. jQuery opción <select> desactivado si se selecciona en otra <select>
- 13. ¿Cómo se hace select select en gen_servers?
- 14. cambio jQuery() en <select> y Firefox
- 15. ¿Cómo se llama la secuencia de envío del evento?
- 16. HTML <select> JQuery .change no funciona
- 17. ¿Cómo se llama al operador << en Ruby cuando se usa para agregar cosas?
- 18. Estilo `<select>` en Internet Explorer
- 19. HTML/CSS: anidado <options> en un campo <select>?
- 20. ¿Cómo se llama el carácter '`'?
- 21. ¿Cómo se llama el = token?
- 22. En jQuery, cómo pasar el elemento que se ha hecho clic en el método que se llama el evento onclick
- 23. ¿Cómo se llama el operador &: en Ruby?
- 24. Muchas personas no saben cómo seleccionar elementos en un control HTML <select>, entonces ...?
- 25. Al usar la etiqueta HTML <select>, el valor 'seleccionado' cambiado no se muestra en Firefox
- 26. ¿Cómo puedo limitar las opciones visibles en un menú desplegable HTML <select>?
- 27. Styling <select> etiqueta para iPhone
- 28. <select> ventana que no se actualiza después del cambio en el atributo seleccionado en <option>
- 29. backbone.js haga clic en el evento espía no se llama usando jasmine.js y sinon.js
- 30. propiedad "defaultValue" para <select>?
cosas fantásticas - funciona !!! gracias chicos. –