我有一個下拉串列和一個輸入欄位，我想檢查輸入欄位是否等于特定值，例如G2，如果下拉串列更改為特定值，例如選項 1，那么我想在另一個輸入上顯示一個值場地。
我舉了一個我現在正在做的例子，它只有在 G2 欄位上觸發 onblur 時才有效。
<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，是否有簡單的解決方案？
uj5u.com熱心網友回復：
我希望這就是您的要求，請檢查以下代碼：
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" >轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/329273.html
標籤：javascript html 输入 下拉式菜单 变化中