请教: 
有二个相同的select option选项。 
就是说当选中每一 个select的子项,对应在第二个option的这个选项要不可见,而选第二个select的option时,把他选中的选项在每一个select中也要设为不可见。怎么实现。 
例如:二个相同的select如下。 
<select name="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> 
<select name="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>
就是说t1选 中a,那t2中a选项则不可见,t2选中b,那t1中选项b也是不可见。
就是像QQ注册号码那样。同样的选项在不同的select中,每选中一个,其他的同种选项则不可见。

解决方案 »

  1.   


    <SCRIPT LANGUAGE="JavaScript">
    function a(t1)
    {
        var t2 = document.getElementsByName("t2")[0];
        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="t1" 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="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>
      

  2.   

    感谢回复,但有个小问题就是,这样是能行,问题是在选第二个select中,没办法让第二个选中的选项在第一个select中不可见。
      

  3.   


    <SCRIPT LANGUAGE="JavaScript">
    function a(osel)
    {
    if(osel.name == "t1"){
    var t2 = document.getElementsByName("t2")[0];
    t2.options.length=0;
    var j=0;
    for(var i=0;i<osel.options.length ;i++ )
    {
    if(i!=osel.selectedIndex)
    {
    t2.options[j] = new Option(osel.options[i].text,osel.options[i].value);
    j++;
    }
    }
    }else{
    var t1 = document.getElementsByName("t1")[0];
    t1.options.length=0;
    var k=0;
    for(var i=0;i<osel.options.length ;i++ )
    {
    if(i!=osel.selectedIndex)
    {
    t1.options[k] = new Option(osel.options[i].text,osel.options[i].value);
    k++;
    }
    }


    }
    }
    </SCRIPT>
    <select name="t1" 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="t2" 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>加个判断
      

  4.   

    似乎也不对,这样的话,那选项渐渐的全没了
    我要的是,当选了第二个,再选第一个则第一个要重新初始化。再得到第二个选中option 让第一个的不可见。
      

  5.   

    标题:3000元/月急聘兼职网络信息回复员,工资日结
    招聘人数: 若干名  薪资待遇: 工作每天3-4小时,100元/天工资每日支付;
    岗位描述: 负责公司所要求的信息回复工作(有内容样版),工作地点不限,专兼职均可!
    应聘要求: 上网熟练,平均每天工作投入约3小时,具体根据效率自定; 学历不限,在
    职或学生皆可;勤奋,认真,有责任感;熟悉用电脑发消息的整个流程。(很简单,学一下就会!) 详情看tvnets公司招聘:http://www.tvnets.info/?49887.htm(改成您的宣传网址)邮箱:[email protected] 最近工资发放查看:www.tvnets.info/gz.html(请注意,应聘不用交任何费用,押金等)