2010-07-13 104 views
0

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

變化組合的價值

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

回答

0

是的,這是可能的。

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

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

或者你也可以做到這一點的老平凡的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> 
相關問題