Tengo una lista desplegable y un campo de entrada , quiero verificar si el campo de entrada es igual a un valor específico, por ejemplo, G2 y si el menú desplegable se cambia a un valor específico, por ejemplo, la opción 1, entonces quiero mostrar un valor en otra entrada campo.

Hice un ejemplo de lo que estoy haciendo actualmente, que solo funciona si onblur se activa en el campo G2.

 <select name="beModel" id="beModel" onchange="selectModel(event)" onblur="checkGas(event)" > <option value="0">Select test</option> <option value="1">test 1</option> <option value="2">test 2</option> </select> <input name="input1" type="text" id="text1" value="" size="20" maxlength="100"> <input name="input2" type="text" id="text2" value="" size="20" maxlength="100"> <input name="input3" type="text" id="check" onblur="checkGas(event)" value="G2" size="20" maxlength="100" > <input name="input4" type="text" id="change" value="" size="20" maxlength="100" > function checkGas(e){ if (e.target.value == "G2"){ document.getElementById("change").value = "7.4m3/h" } } function selectModel(e) { if (e.target.value == 1){ document.getElementById("text1").value = "4 bars" document.getElementById("text2").value = "4 bar" } else if (e.target.value == 2){ document.getElementById("text1").value = "6 bars" document.getElementById("text2").value = "6 bar" } }

https://jsfiddle.net/rwvnc7y3/9/

Lo que quiero es activar este efecto mientras cambio la opción desplegable en lugar de activar el desenfoque en el campo G2, ¿hay una solución simple para esto?