detectar cambio en combobox sin evento onchange

[florenmadrid]

Hola,

Necesito poder detectar cuando se hace un cambio de selección en una lista desplegable, sin utilizar el evento "onChange" ni jquery.

Osea, capturar el valor de un combobox cuando hay un cambio de selección con puro javascript que apunte hacia el objeto con el que se identifica el combo.

Gracias

[Alexis88]

¿Y cómo pretendes detectar un cambio en el combo si no piensas usar precisamente el evento que ocurre cuando se produce un cambio?

Sería bueno saber qué pretendes hacer y por qué no quieres usar dicho evento, porque, así como lo explicas, no tiene mucho sentido que digamos.

Saludos

[florenmadrid]

Tardaría demasiado en explicarlo y si lo necesito así es por razones de peso y no por un antojo...

La pregunta es si alguien que domine javascript sabe como hacer esto, obviamente se puede ya que jquery lo contempla y funciona perfectamente con sus librerías.

[Alexis88]

¿Podrías ser capaz de al menos darnos una breve y concisa explicación? ¿Cómo es que, según tú, con jQuery puedes hacer eso?

Ayúdanos a ayudarte.

Saludos

[florenmadrid]

Ejemplo JQUERY:

<form id="formulario">
<select id="combo">
<option value="FC. Barcelona">FC. Barcelona</option>
<option value="Real Madrid">Real Madrid</option>
<option value="Atlético Madrid">Atlético Madrid</option>
<option value="Real Sociedad">Real Sociedad</option>
</select>
</form>

<script type="text/javascript">
$(document).ready(function(){
$("#combo").change(function(){
var op = $("#combo option:selected").val();
$('#capa').html(op);
});
});
</script>

[Alexis88]

Lo que muestras es la aplicación del método change (el cual internamente funciona con el evento onchange) en un <select>, lo que no me queda claro es por qué pretendes no usar ese evento si es el que se ejecuta cuando se selecciona una opción distinta.

[florenmadrid]

Alexis88 necesito exactamente lo mismo que hace esa función, osea que el "onchange" no vaya en el

"<select id="combo"onchange="funcion()">"

Si no que vaya en el javascript como hace JQUERY.

No se si me estoy explicando mal. Detallo, aunque es complicado y largo de contar, trato de resumir:

Lo que sucede es que los combobox no son HTML plano, si no que se generan dinamicamente de una base de datos en un datagrid y solo cuando un campo esta relacionado con otro de otra tabla, osea cuando se dan unas condiciones específicas se monta el combobox, cargando los valores del campo de la tabla relacionado en el combo a modo de lista desplegable.

Necesito en un caso particular que se llame a la función que genera el combobox y que imprima una función javascript exclusivamente para esa situación y que detecte si hay un cambio en la lista.

Osea, lo mismo que hace el JQUERY, que identifique al objeto combobox y cuando hay un "onchange" capture el valor de la lista.

Gracias por la paciencia!!

[Alexis88]

Con código JavaScript nativo, puedes hacerlo así:

Código Javascript:

document.querySelector("#id del elemento").addEventListener("change", function(){
    //Las instrucciones que desees ejecutar
}, false);
 

Asegúrate de colocar esto después de todos los elementos del documento y justo antes de la etiqueta </body> para que surta efecto.

Saludos

[florenmadrid]

Alexix, justo eso es lo que necesito,

¿Como hago para hacer un alert del valor seleccionado en el combobox?

GRACIAS POR TU AYUDA!!

[Alexis88]

Lo único que tendrías que añadir dentro de la función es un alert(this.value). Eso es todo.

Saludos

[florenmadrid]

Gracias de nuevo!!

[Alexis88]

Te dejo estos enlaces, para que leas más sobre los métodos y propiedades que utilicé y así tengas una referencia para el futuro:

• querySelector
• addEventListener
• this
• value

Saludos