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

问题描述：

我的页面上有两个组合框。当我改变第一个组合框的值时，第二个组合框的值应该根据第一个框。如果我改变等级A，那么得分标记的值应该是70％，如果我改变等级B，那么得分标记的值应该是60％。可能吗？我没有任何想法。请帮帮我。如何使用jquery更改第一个组合框的更改值上的第二个组合框的值？

变化组合的价值

级别类型选择级别类型甲乙 Ç 无这些刻痕标记没有结果 70％ 65％

答

是的，这是可能的。

这将帮助我们来帮助你，如果你发布一些示例代码，但我会做的是建立一个处理程序的第一组合框的“改变”事件：

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

答

或者你也可以做到这一点的老平凡的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>

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

相关推荐