在两个下拉选择框中找相同的颜色

王朝other·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

<!-- 把如下代码加入<body>区域中 -->

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var OptLstTxt = new Array;

var OptLstVal = new Array;

var OptLen = 0;

function NoDupl(SelObjFrom, SelObjTo) {

var OldToVal = SelObjTo.options[SelObjTo.selectedIndex].value;

if (OptLen == 0) {

OptLen = SelObjFrom.length;

for (var i = 1; i < OptLen; i++) {

OptLstTxt[i] = SelObjFrom.options[i].text;

OptLstVal[i] = SelObjFrom.options[i].value;

}

}

var j = 1;

for (var i = 1; i < OptLen; i++) {

if (OptLstVal[i] != SelObjFrom.options[SelObjFrom.selectedIndex].value) {

if (j == SelObjTo.length) {

SelObjTo.options[j] = new Option(OptLstTxt[i]);

}

else {

SelObjTo.options[j].text = OptLstTxt[i];

}

SelObjTo.options[j].value = OptLstVal[i];

if (OptLstVal[i] == OldToVal) {

SelObjTo.selectedIndex = j;

}

j++;

}

}

if (SelObjTo.length > j)

SelObjTo.options[(SelObjTo.length - 1)] = null;

}

// End -->

</script>

<form method="POST" name="MForm">

你能在两边选取相同的颜色代码吗?

<br>

<select name="Color_1" onChange="NoDupl(this,document.MForm.Color_2)">

<option selected value=''>请选择第一种颜色代码</option>

<option value='R'>Red</option>

<option value='J'>Yellow</option>

<option value='G'>Green</option>

<option value='B'>Blue</option>

</select>

<select name="Color_2" onChange="NoDupl(this,document.MForm.Color_1)">

<option selected value=''>请选择另一种颜色代码</option>

<option value='R'>Red</option>

<option value='J'>Yellow</option>

<option value='G'>Green</option>

<option value='B'>Blue</option>

</select>

</form>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航