博主资料

留言 加为好友 收藏

用户名:  lingoosoft
来自:  北京 海淀
年龄:  27

个人统计

用户名: lingoosoft
等级: 初来乍到
威望: 230
积分: 818
在线时间: 27 小时
日志总数: 88
评论数量: 131
访问次数: 303381
建立时间: 2006-09-30
RSS订阅       手机访问

文章搜索

文章列表

友情链接

最近访问的人:

拼命三郎
2008-08-05 14:50:59
冬眠的水草世界
2008-08-05 11:10:51
aklsdf
2008-07-31 15:56:11
剑南游侠儿
2008-07-29 21:35:33
ccimanic
2008-07-18 11:47:54
IT长空
2008-07-08 11:35:08
电子商务研究(B2C)
2008-07-03 13:55:59
∽★@_@★∽
2008-06-18 14:22:47
在路上
2008-06-18 02:17:02
☆°卢京乀°
2008-06-15 16:12:51

日志文章

2007年02月07日 13:12:35

javascript判断下拉菜单选项

IE,FireFox下通过测试:

Copy code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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”。

类别: Javascript |  评论(0) |  浏览(2283) |  收藏
发表评论