Question

在重新选择另一个选项之前，如何让选定的选项仍然可见？该列表可能包含10个以上的选项

=====

    <form method="get" action="Chairman.php" >

        <select name="courses" id="courses" class="styled-select"  >
         <option value="courses"><--Courses--></option>
         <option value="PHYS220">Physics for Engineers</option>
         <option value="MATH210">Calculus II</option>
         <option value="MATH225">Linear Algebra with Applications</option>
      </select>

       <input type="submit" value="Search Instructor"  
       onClick="checkDropdown()"></input>
        <div id="error" style="color:red"></div>

===== 此外，当我尝试验证选择列表时，会显示错误，然后很快就会消失

   <script>
    function checkDropdown () {

   var courses = document.getElementById('courses');
       if(courses.value==="courses") {  

    document.getElementById('error').innerHTML="PLEASE selecttt";

    return false;  
       }
         }

              </script>

Answer 1

重置选择，错误消失，因为表单仍然发布。从函数返回的值不会停止提交。

您应该在表单上使用onsubmit事件而不是按钮上的onclick。在事件代码中使用return将函数中的值传递回事件：

<form method="get" action="Chairman.php" onsubmit="return checkDropdown()">

如何使选择列表的选定值可见

1 个答案: