***综合类***非常有意思的两个下拉菜单 它们不可能选择相同的值
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
<script>
var optlsttxt = new array;
var optlstval = new array;
var optlen = 0;
function nodupl(selobjfrom, selobjto) {
var oldtoval = selobjto.options.value;
if (optlen == 0) {
optlen = selobjfrom.length;
for (var i = 1; i < optlen; i++) {
optlsttxt = selobjfrom.options.text;
optlstval = selobjfrom.options.value;
}
}
var j = 1;
for (var i = 1; i < optlen; i++) {
if (optlstval != selobjfrom.options.value) {
if (j == selobjto.length) {
selobjto.options = new option(optlsttxt);
}
else {
selobjto.options.text = optlsttxt;
}
selobjto.options.value = optlstval;
if (optlstval == oldtoval) {
selobjto.selectedindex = j;
}
j++;
}
}
if (selobjto.length > j)
selobjto.options[(selobjto.length - 1)] = null;
}
</script>
第二步：把如下代码加入到<body>区域中
<form method="post" name="mform">
<div align="center">下列四个选项中试试能不能选择重复的: <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>
</div>
</form>
--------------------------------------
http://www.huoyue.com.cn 活跃网，活跃人群的论坛，访问活跃网，将给您带来意想不到的收获，还可以免费为您开论坛，让您免费拥有与朋友、网友交流的论坛。你是年轻人吗？你活跃你就上！
页:
[1]