Tengo una pregunta sobre este codigo:
Código HTML:
<html>
<head>
<script>
function cambio1(){
document.getElementById("tex1").focus()
document.getElementById("tex1").value="valor1";
document.getElementById("tex1").blur()
}
function cambio2(){
document.getElementById("tex2").value="valor2";
}
</script>
</head>
<body>
<form>
<input type="text" id="tex1" value="" onchange="cambio2()">
<input type="text" id="tex2" value="">
<select name="seleccionable" onchange="cambio1()">
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
</select>
</form>
</body>
</html>
Con esto lo que quiero es que, al seleccionar un elemento de la lista desplegable, el valor de tex1 cambie, y al cambiar este cambie tambien tex2. Como el evento onchange solo se activa al cambiar el valor del elemento y luego quitar el focus, manualmente en cambio1 activo el foco, cambio el valor y le quito el foco. Mi pregunta es, hay alguna forma de que no tenga que hacer esta chapuza y se cambie directamente el valor del campo?
Otra pregunta relacionada. Es posible capturar todos los eventos del tipo onchange de la pagina entera sin tener que definir un onchange como atributo por cada elemento?
Espero haberme explicado, gracias
