用Javascript判断下拉菜单的选项

来源: 时间:07-02-13 点击: 点击这里收藏本文

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "[url]http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd[/url]"> <html xmlns="[url]http://www.w3.org/1999/xhtml[/url]"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>测试</title> <script language="javascript" type="text/javascript"> function validate() { for (var i = 0; i < document.getElementById("selectMenu").options.length; i++) { if (document.getElementById("selectMenu").options[i].selected && ( document.getElementById("selectMenu").options[i].text == "不能删1" || document.getElementById("selectMenu").options[i].text == "不能删2") ) { window.alert("不可删除！"); return false; } } return true; } </script> </head> <body> <form id="test" method="post" action="" onsubmit="return validate();"> <select id="selectMenu" name="selectMenu"> <option value="1">不能删1</option> <option value="2">不能删2</option> <option value="3">3</option> <option value="4">4</option> </select> <input type="submit" name="Submit" value="提交" /> </form> </body> </html>

注意其中“document.getElementById("selectMenu").options.text”还可以是：
document.getElementById("selectMenu").options.innerHTML
document.getElementById("selectMenu").options.value

这三项中，除了“document.getElementById("selectMenu").options.value”表示选项“value="4"”的值外，其它两项均表示网页上可见的选项值“4”。

把此文章收藏到：　　　　　

相关教程

·如何用Dreamweaver轻松制作弹出

·区分 JavaScript、Jscript、VB

·公布如何判断google Adsense无

·用javascript 转换外部CSS超级

·基础知识：JavaScript、Jscrip

广而告之

吸引访客,做内容有价值的网

关于Photoshop直方图的详细

网站策划,B2B网站策划者应

Web标准网站开发人员配备

便宜/廉价的网站推广方式

写给做BBS的新站长

行为经济学在网站运营中的

漫谈网站改版的必要性

网站策划需要具备的知识

外贸网站建设全攻略

CSS让网页更容易设计与维护

和马云学习如何做网站推广

如何制作网页（网页制作实

如何选择网页制作工具

下载安装Dreamweaver8

制作主页前的准备

垃圾站全教程--之一(新手上

怎样个人网页制作,制作个人

制作模板

在Dreamweaver设置站点

制作首页

网站设计65条原则

规划站点

中国所有银行的BIC code(即

个人主页制作完全手册