如何检查多个字段并根据下拉选项更改值

Question

我有一个下拉菜单列表和输入字段，我想检查输入字段等于一个特定的值，例如G2如果下拉框被更改为一个特定的值，例如选项1，那么我想在另一个输入字段中显示一个值。

我做了一个例子，我现在正在做什么，只有当onblur被触发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/

我想要的是触发这个效果，而改变下拉选项，而不是触发G2字段的onblur，有一个简单的解决方案吗?

Answer 1

我希望这是你想要的，请检查下面的代码:

function selectModel(e) {
if(document.getElementById("check").value=="G2"){
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"

}
document.getElementById("change").value = "7.4m3/h"
}   
}

<select name="beModel" id="beModel" onchange="selectModel(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" >