<!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>
window.onload=function()
{
var sA=document.getElementById('aaa');
var sB=document.getElementById('bbb')
var sC=document.getElementById('ccc');
var arr=[];
arr.push(sA,sB,sC);
sA.onchange=function()
{
set(this);
}
sB.onchange=function()
{
set(this);
}
sC.onchange=function()
{
set(this);
}
function set(obj)
{
var curOption=null;
for(var i=0;i<arr.length;i++)
{
if(arr[i]!=obj)
{
curOption=getOption(arr[i],obj.value);
curOption&&(curOption.disabled=true);
}
}
}
function getOption(obj,value)
{
var optionList=obj.options;
for(var i=0;i<optionList.length;i++)
{
if(optionList[i].value==value)
return optionList[i];
}
return null;
}
}
</script>
<style></style>
</head><body>
<select id="aaa">
<option value=""></option>
<option value="0">a</option>
<option value="1">b</option>
<option value="2">c</option>
</select>
<select id="bbb">
<option value=""></option>
<option value="0">a</option>
<option value="1">b</option>
<option value="2">c</option>
</select>
<select id="ccc">
<option value=""></option>
<option value="0">a</option>
<option value="1">b</option>
<option value="2">c</option>
</select>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
window.onload=function()
{
var sA=document.getElementById('aaa');
var sB=document.getElementById('bbb')
var sC=document.getElementById('ccc');
var arr=[];
arr.push(sA,sB,sC);
sA.onchange=function()
{
set(this);
}
sB.onchange=function()
{
set(this);
}
sC.onchange=function()
{
set(this);
}
function set(obj)
{
var curOption=null;
for(var i=0;i<arr.length;i++)
{
if(arr[i]!=obj)
{
curOption=getOption(arr[i],obj.value);
curOption&&(curOption.disabled=true);
}
}
}
function getOption(obj,value)
{
var optionList=obj.options;
for(var i=0;i<optionList.length;i++)
{
if(optionList[i].value==value)
return optionList[i];
}
return null;
}
}
</script>
<style></style>
</head><body>
<select id="aaa">
<option value=""></option>
<option value="0">a</option>
<option value="1">b</option>
<option value="2">c</option>
</select>
<select id="bbb">
<option value=""></option>
<option value="0">a</option>
<option value="1">b</option>
<option value="2">c</option>
</select>
<select id="ccc">
<option value=""></option>
<option value="0">a</option>
<option value="1">b</option>
<option value="2">c</option>
</select>
</body>
</html>
解决方案 »
- js div一个小问题,请各路大侠指教,谢啊
- jquery 高手快来啊
- js如何判断输入的是日期并且合法?
- (?<= ) 零宽度正回顾后发断言。仅当子表达式在此位置的左侧匹配时才继续匹配。问题!(?<= )似乎在js中无效?
- setInterval和setTimeOut
- 100分求动态框架实现方法!在线等待!
- 请问我怎样才能iframe里边的内容?请指点?
- 怎样使一个javascript变量为[object]?请看代码:
- 父元素及子元素的动态选取
- js实现上拉加载,下拉刷新。
- 请教高手如何在页面即将关闭时,提示用户保存,并且不许用户关闭页面
- 帮帮忙~在table里面有若干行若干列,双击其中一个单元格,要求弹出一个新窗口,显示该单元格的所在行号和列号
多謝大神,另外想麻煩你加多個功能,就是選擇完以後,再選A空白的話,就清除其他條件,比如說,我A選了a,B選了b,C選了c,然後再選A為空白的話,那B和C選項就可以選a了。同理BC也是這樣