如何通过JS判断select里 option的值不能为空 当提交时或者其他情况,会出现空提交,如何通过JS避免空提交

代码如下
<select name="value">
<option value="甲" >甲</option>
<option value="乙" >乙</option>
<option value="丙" >丙</option>
<option value="丁" >丁</option>
<option value="戊" >戊</option>
<option value="己" >己</option>
<option value="庚" >庚</option>
<option value="辛" >辛</option>
<option value="壬" >壬</option>
<option value="癸" >癸</option>
</select>

测试了,这样可以避免提交空值。
<html>
<head>
<title></title>
</head>

<body>
<select name="value" id="select">
<option value="" ></option>
<option value="甲" >甲</option>
<option value="乙" >乙</option>
<option value="丙" >丙</option>
<option value="丁" >丁</option>
<option value="戊" >戊</option>
<option value="己" >己</option>
<option value="庚" >庚</option>
<option value="辛" >辛</option>
<option value="壬" >壬</option>
<option value="癸" >癸</option>
</select>
<script type="text/javascript">
var select=document.getElementById("select");
select.onchange=function(){
var selectValue=select.value;
alert(selectValue);
if(!selectValue){
alert("请选择");
return;
}
}
</script>
</body>
</html>
温馨提示:答案为网友推荐,仅供参考

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网