根据之前的答案自动选择下拉选项-Javascript HTML表单


Auto-select Dropdown option based on previous answer - Javascript HTML Form

第一次发帖,所以如果有问题,我很抱歉,一开始还不清楚,尽管我希望它是直截了当的。我是Javascript的新手,需要一些帮助。

我想要实现的目标:

我有一个HTML表单,当有人从HTML表单中的"字母"下拉菜单中选择一个字母时(例如a、B或C),我希望"数字"下拉菜单根据"字母"菜单中的选择自动更改(例如,如果选择的字母是"a",则选择"1",如果选择"B"则选择"2",依此类推)

[[作为奖励,它还喜欢禁用"数字"下拉列表,因此前端用户填写表单时无法更改生成的自动变量]]

更多信息

我在一个我有权使用的表单上看到了类似的东西,所以我试图修改代码,但我无法使其工作。如果你能提供关于如何修改代码的提示,或者为我的问题提供一个新的答案,那将是非常棒的。

我的代码(到目前为止…)

Javascript部分

<html>
<head>
<?php
       echo "var campus='none';";
?>
<script language ="javascript">
 function changeDropdown(number) {
                numberSelection = document.getElementById("number");
                for (var i = 0; i < numberSelection.length; i++)
                {
                    if (number == numberSelection[i].value)
                    {
                        numberSelection[i].selected = true;
                        return;
                    }
                }
            }
function load() {
    if (number == 'none')
                {
                    letterSelection = document.getElementById("letter");
                    if letter == letterSelection("0")
                    {
                        changeDropdown("A");
                    }
                    else if letter == letterSelection("1")
                    {
                        changeDropdown("B");
                    }
                    else if letter == letterSelection("2")
                    {
                        changeDropdown("C");
                    }
                }
                else
                {
                    changeDropdown(number);
                }
}
</script>
</head>
<body>

表单

<form name ="form1">
<select name ="letter" onclick="load()">
<option value ="A">A
<option value ="B">B
<option value ="C">C
</option>
</select>
<br />
<select name ="number">
<option value ="1">1
<option value ="2">2
<option value ="3">3
</option>
</select>
</body>
</html>

任何澄清,只要问一下,我很乐意回答:)

更改此

numberSelection = document.getElementById("number")

到这个

numberSelection = $("number").val();

<select name ="number">
<option value ="1">1
<option value ="2">2
<option value ="3">3
</option>
</select>

<select name ="number">
<option value ="1">1</option>
<option value ="2">2</option>
<option value ="3">3</option>
</select>

请记住,一个开始标记必须有一个结束标记