| 网站首页 | 文章中心 | 电子书下载 | 矢量图库 | 视频教程 | 素材下载 | 程序代码下载 | JS代码 | 论坛 | 
常用软件类:
|杀毒安全 |联络聊天 |网络软件 |多媒体类 |系统工具 |图形图像 |系统工具 |应用软件 |行业软件
开发设计类:
|动画制作 |图像处理 |3D设计 |操作系统 |站长学院 |网络相关 |WEB设计 |数据库类 |程序开发
Javascript判断下拉菜单选项技巧
作者:未知    文章来源:网络    点击数:    更新时间:2007-2-11
  <!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”。  
相关文章