Question

第一次发帖如此疑问，如果它可能有问题首先不清楚，虽然我希望它相当直接。我是Javascript的新手，需要一些帮助。

我想要达到的目的：

我有一个HTML表单，当有人选择来自＆＃39;字母＆＃39; HTML表单中的下拉菜单（例如A，B或C），我想要＆＃39;数字＆＃39;下拉菜单会根据“＆＃39;字母”中的选择自动更改。下拉列表（例如，如果选择的字母是＆＃39; A＆＃39;然后选择＆＃39; 1＆＃39;如果＆＃39; B＆＃39;然后选择＆＃39; 2＆＃39;依此类推。）

[[作为奖励，它也喜欢＆＃39;数字＆＃39;下拉列表被禁用，因此填写表格的前端用户无法更改生成的自动变量]]

更多信息

我在我允许使用的表单上看到了类似的内容，因此我尝试修改代码，但我无法使其正常工作。如果您可以提供有关如何修改代码或提供我的问题的新答案的提示，那将是非常棒的。

我的代码（到目前为止......）

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>

任何澄清，只要问一下，我很乐意回复：）

Answer 1

更改此

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>

请记住，一个openening标签必须有一个结束标签

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

1 个答案: