怎么让select的option不可见
日期：2014-05-17 浏览次数：20667 次
如何让select的option不可见。
请教：
有二个相同的select option选项。
就是说当选中每一 个select的子项，对应在第二个option的这个选项要不可见，怎么实现。
例如：二个相同的select如下。
<select name="t">
<option value=a>a</option>
<option value=b>b</option>
<option value=c>c</option>
<option value=d>d</option>
<option value=e>e</option>
</select>
------解决方案--------------------
请教：
有二个相同的select option选项。
就是说当选中每一 个select的子项，对应在第二个option的这个选项要不可见，怎么实现。
例如：二个相同的select如下。
<select name="t">
<option value=a>a</option>
<option value=b>b</option>
<option value=c>c</option>
<option value=d>d</option>
<option value=e>e</option>
</select>
------解决方案--------------------
- HTML code
<SCRIPT LANGUAGE="JavaScript">
function a(t1)
{
var t2 = document.getElementsByName("t")[1];
t2.options.length=0;
var j=0;
for(var i=0;i<t1.options.length ;i++ )
{
if(i!=t1.selectedIndex)
{
t2.options[j] = new Option(t1.options[i].text,t1.options[i].value);
j++;
}
}
}
</SCRIPT>
<select name="t" onchange="a(this)">
<option value=a>a </option>
<option value=b>b </option>
<option value=c>c </option>
<option value=d>d </option>
<option value=e>e </option>
</select>
<select name="t">
<option value=a>a </option>
<option value=b>b </option>
<option value=c>c </option>
<option value=d>d </option>
<option value=e>e </option>
</select>
------解决方案--------------------
- HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
function setqq(a){
document.getElementById(a).style.visibility="hidden";
}
</script>
</HEAD>
<BODY>
<div id="t1" style="visibility:visible">
<select onchange="setqq('t2')">
<option value=a>a </option>
<option value=b>b </option>
<option value=c>c </option>
<option value=d>d </option>
<option value=e>e </option>
</select>
</div>
<br/>
<div id="t2" style="visibility:visible">
<select onchange="setqq('t1')">
<option value=a>a </option>
<option value=b>b </option>
<option value=c>c </option>
<option value=d>d </option>
<option value=e>e </option>
</select>
</div>
</BODY>
</HTML>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
