Question

我的页面上有两个组合框。当我改变第一个组合框的值时，第二个组合框的值应该根据第一个框。如果我改变等级A那么得分标记的值应该是70％，如果我改变等级B那么得分标记的值应该是60％。有可能吗？我什么都不知道。请帮帮我。

改变组合的价值

等级类型选择成绩类型一个乙 C 都不是得分标记没有结果 70％ 65％

Answer 1

是的，这是可能的。

如果您发布了一些示例代码，它会帮助我们，但我要做的是为第一个组合框的“更改”事件设置处理程序：

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

Answer 2

或者您也可以使用旧的普通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更改第一个组合框的更改值的第二个组合框的值？

2 个答案: