如何让三个内容相容的下拉框的值不样

Question

也就是说,如果plid1选中的值为1,那么,plid2,plid3就不能为1,总之就是说,plid1,plid2,plid3选中的值不能有相同的.

Answer 1

 <div id="divtxt">
        <select name="plid1" id="plid1">
            <option value="1" selected="selected">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select>
        <select name="plid2" id="plid2">
            <option value="1">1</option>
            <option value="2" selected="selected">2</option>
            <option value="3">3</option>
        </select>
        <select name="plid3" id="plid3">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3" selected="selected">3</option>
        </select>
    </div>
    <input type="button" value="提交" onclick="test();" />function test()
    {
        var arr=new Array();
        var txts=document.getElementById('divtxt').getElementsByTagName('select');
        for(var i=0;i<txts.length;i++)
        {
            if(!isExist(arr,txts[i].value)) arr.push(txts[i].value);
            else {alert('有相同值: '+txts[i].value);return;}
        }
        
        alert('值都不相同');
    }
    
    function isExist(arr,val)
    {
        for(var i=0;i<arr.length;i++)
        {
            if(arr[i].toString()==val) return true;
        }
        return false;
    }