如何使用jquery更改第一個組合框的更改值上的第二個組合框的值？

我的頁面上有兩個組合框。當我改變第一個組合框的值時，第二個組合框的值應該根據第一個框。如果我改變等級A，那麼得分標記的值應該是70％，如果我改變等級B，那麼得分標記的值應該是60％。可能嗎？我沒有任何想法。請幫幫我。如何使用jquery更改第一個組合框的更改值上的第二個組合框的值？

變化組合的價值

級別類型選擇級別類型甲乙 Ç 無這些刻痕標記沒有結果 70％ 65％

來源

2010-07-13 user380979

是的，這是可能的。

這將幫助我們來幫助你，如果你發佈一些示例代碼，但我會做的是建立一個處理程序的第一組合框的「改變」事件：

$('#Combo1').bind('change',function() {$('#Combo2').val('This changed');});

來源

2010-07-13 04:49:30 Josiah

或者你也可以做到這一點的老平凡的Javascript方式:)例如

<html> 
... 

<script type="text/Javascript"> 
    function changeScore() {  
    var oCombo1 = document.getElementById("COMBO1"); 
    if (oCombo1.value == "A") { 
     document.getElementById("COMBO2").selectedIndex = 1; 
    } else if (oCombo1.value == "B") { 
     document.getElementById("COMBO2").selectedIndex = 2; 
    } else if (oCombo1.value == "C") { 
     document.getElementById("COMBO2").selectedIndex = 3; 
    } else { 
    document.getElementById("COMBO2").selectedIndex = 0; 
} 
    } 
</script> 

<form name="frmTEST" action="test.jsp"> 
<select id="COMBO1" name="COMBO1" onchange="changeScore()"> 
    <option value=""></option> 
    <option value="A">A</option> 
    <option value="B">B</option> 
    <option value="C">C</option> 
</select> 

<select id="COMBO2" name="COMBO2"> 
    <option value=""></option> 
    <option value="70">70</option> 
    <option value="60">60</option> 
    <option value="51">50</option> 
</select> 
</form> 

... 
</html>

來源

2010-07-13 04:51:40 Manny

如何使用jquery更改第一個組合框的更改值上的第二個組合框的值？

回答

相關問題