怎样获取下拉列表框的值

  • Post author:
  • Post category:其他



昨天做一张网页,其中有一项要判断下拉列表框的值,弄了好久硬是没有做出来,郁闷了好长一段时间!不过还好,今早终于把它给解决了,现在写出来与大家分享。

下拉莱单代码如下:

<form action=”?action=add” method=”post” name=”form1″ onSubmit=”return check()”>

<Select id=country name=country>

<OPTION value=”” selected>Please Select:</OPTION>

<OPTION value=Afghanistan>china</OPTION>

<OPTION value=Albania>Albania</OPTION>

</Select>

</form>

在这个表单中,国家这一项是必选项,所以我所要做的就要判断下拉列表框的值是否为空,如果为空就不让提交表单,让其再选择。

判断代码如下:

<script language=”JavaScript” type=”text/javascript”>

<!–

function check(){


if(form1.country.options[form1.country.selectedIndex].value==””) {


alert(‘Please select your country!’);

return false;

}

}

</script>

到此,我们所要做的事情就完成了。这个判断就这么的简单,当时我就是少了这个selectedIndex,以为与其它判断方法一样,所以造就了这个错误,浪费了一大堆时间!

希望有与我犯一样错误的人看过后能及时改过来。还不会的,看过后立马就会^_^

转自:

http://www.zjidea.com/blog/article.asp?id=32