如何通过JS判断select里 option的值不能为空 当提交时或者其他情况,会出现空提交,如何通过JS避免空提交
代码如下<selectname="value"><optionvalue="甲">甲</option><optionvalue="乙">乙</option><option...
代码如下
<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> 展开
<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>
<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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询