首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js 下拉列表判断有关问题

2012-05-30 
js 下拉列表判断问题select idjboption id0高层/optionoption id1中层/optionoption

js 下拉列表判断问题
<select id="jb">
<option id="0">
高层
</option>
<option id="1">
中层
</option>
<option id="2">
员工
</option>
</select>

下面这样 
选择1<input type="checked" name="bm" id="1" value="我" />
选择2<input type="checked" name="bm" id="1" value="我" />

比如 我下拉列表是选择的是高层 就可以选两个
中层和于员工值能选择一个 当我中层和员工 已经选择一个的时候。 在选另一个的时候 就弹出对话框。(中层和员工只能选择一个)
求js 代码 求告诉说下啊

[解决办法]
真是懒到家了。。。

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript">window.onload = function() {    var obj = document.getElementsByName('bm[]');    var jb = document.getElementById('jb');        jb.onchange = function() {        //下拉列表选项改变时清除所有复选框的选择状态        for (var i = 0; i < obj.length; i ++) obj[i].checked = false;    }        for (var i = 0; i < obj.length; i ++) {        obj[i].onclick = function() {            if (jb.value == 2 || jb.value == 3) {                var counter = 0;                for (var j = 0; j < obj.length; j ++) if (obj[j].checked) counter ++;                if (counter > 1) {                    alert('中层和员工只能选一个');                    return false;                }            }        }    }}</script></head><body><select id="jb">    <option value="1">高层</option>    <option value="2">中层</option>    <option value="3">员工</option></select>选择1<input type="checkbox" name="bm[]" value="我" />选择2<input type="checkbox" name="bm[]" value="我" /></body></html> 

热点排行