Javascript 如何使选择列表的选定值可见
如何使所选选项在重新选择其他选项之前仍然可见?该列表可能包含10个以上的选项 =====Javascript 如何使选择列表的选定值可见,javascript,html,Javascript,Html,如何使所选选项在重新选择其他选项之前仍然可见?该列表可能包含10个以上的选项 ===== 工程师物理学 微积分 线性代数 ===== 另外,当我尝试验证选择列表时,会显示错误,然后它会很快消失 <script> function checkDropdown () { var courses = document.getElementById('courses'); if(courses.value==="courses") { d
工程师物理学
微积分
线性代数
=====
另外,当我尝试验证选择列表时,会显示错误,然后它会很快消失
<script>
function checkDropdown () {
var courses = document.getElementById('courses');
if(courses.value==="courses") {
document.getElementById('error').innerHTML="PLEASE selecttt";
return false;
}
}
</script>
函数检查下拉列表(){
var courses=document.getElementById('courses');
如果(courses.value==“courses”){
document.getElementById('error').innerHTML=“请选择TT”;
返回false;
}
}
选择被重置,错误消失,因为表单仍在过账。从函数返回的值不会停止提交
您应该在表单上使用onsubmit
事件,而不是在按钮上单击onclick
。在事件代码中使用return
,将函数值传回事件:
<form method="get" action="Chairman.php" onsubmit="return checkDropdown()">
首先,不要使用unescaped我的意思是,如果我选择Calculas II,我希望Calculas II仍然出现,而不是选项Courses。明白我的意思了吗?请注意,checkDropdopwn函数并非在其所有分支中都返回值,因此它在当前形式中可能没有预期的效果。@MrLister:它有。只有当false
返回时,提交才会停止。当没有返回特定的值时,返回值是未定义的,这不会停止提交。@Guffa onsubmit=“return checkDropdown()”@AssoumZoghbi:下面是一个工作示例:(即验证工作,当验证通过时,表单将发布到不存在的页面。)@AssoumZoghbi:如果你的意思是在回发之后,那么你必须在创建页面的服务器代码中解决这个问题。在应选择的选项上设置selected
属性。
<form method="get" action="Chairman.php" onsubmit="return checkDropdown()">