使用PHP输入字段填充另一个

Question

我试图在用户从“选择”输入类型中选择想要的课程后立即用字符串填充“课程号”字段。

我尝试了很多事情，但似乎没有任何效果。

---

//下面的我的代码的一部分...

    <strong style="border:double; margin-right: 34px; border-color:#cc0000;"> Course Name: </strong>
    <select style="margin-bottom: 20px" name="course_name" id="courseName">
        <option selected> -Select Course- </option>
        <option value="C++" name="C++">C++</option>
        <option value="DataBase" name="DataBase"> DataBase </option>
        <option value="DataStructure" name="DataStructure">DataStructure</option>
        <option value="JAVA" name="Java"> JAVA </option>
        <option value="WEB" name="Web" > WEB </option>
    </select> <br>

    <strong>    <label style="border:double; border-color:#cc0000;"> Course Number:     </strong>
        <script type="text/javascript">
            var courseNumber = document.getElementById('courseName').value;
            switch(courseNumber){
                case: 'C++'
                    courseNumber = "151001100"
                    break;
                case: 'DataBase'
                    courseNumber = '151002240';
                    break;
                case: 'DataStructure'
                    courseNumber = '151001240';
                    break;
                case: 'Java'
                    courseNumber = '151001110';
                    break;
                case: 'Web'
                    courseNumber = '151002310';
                    break;
            }
        </script>

        <input type="text" name="course_num" id="courseNum" style="margin-bottom: 20px; margin-left: 
        12px" >
    </label> <br>