我使用此代码来检查提交前是否选择了下拉菜单。 在我的页面上我有3个下拉菜单,但只有第一个正常工作。提交前检查下拉菜单
有没有办法扩展第二和第三个下拉菜单的功能?
我的脚本:
<script type="text/javascript">
$(document).ready(function(){
$("#submit").click(function(){
var year = $('#year option:selected').val();
if(year == "")
{
$("#msg").html("Please select a year");
return false;
}
});
});
</script>
我的HTML:
<div id="msg"></div>
<form method="post" action="">
<select id="year">
<option value="">OLLA</option>
<option>1991 </option>
<option>1992 </option>
<option>1993 </option>
<option>1994 </option>
<option>1995 </option>
</select>
<div id="msg"></div>
<form method="post" action="">
<select id="year">
<option value="">OLLA</option>
<option>1991 </option>
<option>1992 </option>
<option>1993 </option>
<option>1994 </option>
<option>1995 </option>
</select>
<input type="submit" name="submit" id="submit">
</form>
我改变了你的建议。但第二个下拉菜单没有正确检查。我可以提交表格。任何提示? – user2123738 2013-03-20 23:32:42
@ user2123738您是否已将提交按钮从ID更改为类?并拿走提交的名称属性,并将其用作if语句 - if(this.year.value ==“”) – lifetimes 2013-03-20 23:39:06
是的,我有这个: – user2123738 2013-03-20 23:48:50