代码如下
<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>
温馨提示:答案为网友推荐,仅供参考