禁止选择相同值的Select下拉列表_表单按钮特效

缂傚倸鍊风粈浣该洪敃鍌氱劵缂佲偓閹辩eCMS闂佽崵鍠愰悷銉ノ涘┑瀣ㄢ偓鍌炲醇閺囩偞鐎┑鐐叉閸ㄧ喖寮婚敓锟�濠电偞鍨跺瑙勭珶閸℃稑鐓橀柡宥庡幗閳锋帡鏌ㄩ悤鍌涘 缂傚倷绀侀ˇ閬嶅窗閹邦剨鑰块柛銉墮缁€澶愭煃閵夈劍鐝柣婵撴嫹闂傚倷绶￠崑鍕囨潏鈺冪濠㈣泛鏈崗婊堟煛閸ャ劍鐨戦梻澶婄Ч閺屻倖娼忛妸锔绘缂備焦鍞婚幏锟� 闂備礁鎼崯鐗堟叏閹绢喖妞介柡宥庡亞閸楁碍绻涢崱妯诲鞍婵絾鍔楅埀顒冾潐閹爼宕曢柆宥呯煑闁跨噦鎷�,闂備浇鐨崟顐㈠Б闁诲氦顫夋繛濠傤嚕閸洖绀冩い鏂垮悑椤忕喐绻涢幋鐐村皑闁稿鎹囧鍝勨枎閹勭亪闂佸憡鐟ョ换妯侯嚕婵犳碍鏅搁柨鐕傛嫹!

比较有意思的两个Select下拉列表框，不能同时选择相同的值，也就是这两个下拉框的内容是一样的，当你选择前一个列表框中的任意值的时候，第二个下拉列表框中与之相对应的值会自动消失，说不定什么时候我们就能用上这功能。

<html>
<head>
<title>禁止选择相同值的Select下拉列表</title>
</head>
<script>
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;
}
</script>
</head>
<body>
<form method="POST" name="MForm">
  <div align="center">两个下拉框你只能选择不同的值<br>
    <select name="Color_1" onChange="NoDupl(this,document.MForm.Color_2)">
      <option selected value=''>你的WEB编程语言</option>
      <option value='ASP'>ASP</option>
      <option value='PHP'>PHP</option>
      <option value='JSP'>JSP</option>
      <option value='CGI'>CGI</option>
    </select>
    <select name="Color_2" onChange="NoDupl(this,document.MForm.Color_1)">
      <option selected value=''>你的WEB编程语言</option>
      <option value='ASP'>ASP</option>
      <option value='PHP'>PHP</option>
      <option value='JSP'>JSP</option>
      <option value='CGI'>CGI</option>
    </select>
  </div>
</form>
</body>
</html>

所属频道：表单按钮特效/更新时间：2013-04-18

[收藏][报错][返回列表]

禁止选择相同值的Select下拉列表_表单按钮特效

表单按钮特效Rss订阅特效代码搜索

表单按钮特效推荐

猜你也喜欢看这些

闂備浇銆€閸嬫捇鏌熼婊冾暭妞ゃ儻鎷�&闂備礁鎲＄敮鎺懳涢弮鍫燁棅闁跨噦鎷�