javascript 高手来帮忙看看一个下拉列表的问题

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<script language="javascript">
function init(){
for(var i=0;i<sel.length;i++)
sel[i].value="";
}
function doChange(src){
var val=src.value;//alert(val);
if(src.value==null) return;
for(var i=0;i<sel.length;i++){
if(sel[i].value==val && sel[i]!=src)
src.value="";
}
}
</script>
</head><body onLoad="init()">
<select name="sel" onChange="doChange(this)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<select name="sel" onChange="doChange(this)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<select name="sel" onChange="doChange(this)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<select name="sel" onChange="doChange(this)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<select name="sel" onChange="doChange(this)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<select name="sel" onChange="doChange(this)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<select name="sel" onChange="doChange(this)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<select name="sel" onChange="doChange(this)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<select name="sel" onChange="doChange(this)">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
</select>
<select name="sel" onChange="doChange(this)">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
</select>
</body>
</html>

解决方案 »

  1.   

    回复人： crazy_he(天煞孤星) ( ) 信誉：100  2004-12-21 14:44:00  得分: 0  
     
     
       感谢二楼，不过可不可以选择了“5”以后，其他的下拉列表就没有“5”这个选项了？我感觉这个要求有点BT了，但是人家要求这样做，再想想办法吧
      
     ------------------------
    上帝要在旷野杀死以色列人
    摩西怕上帝犯错，落得骂名，
    他还敢直言劝誎呢提要求的人是小虾米
    你是专家
    就更有义务劝止他们“ＢＴ”－－如果真算是ＢＴ的话
      

  2.   

    这么多的HTML代码，使用脚本循环输出好点吧？
      

  3.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title></title>
    </head><body>
    <script language="javascript">
    // 初始化下拉框
    function init()
    {
    var strHtml = "<div id='box'>";

    for (var i=0; i<10; i++)
    {
    strHtml += "<span id='box" + i + "'><select id='sel' onchange='change(" + i + ");'>";

    for (var j=0; j<10; j++)
    {
    if (j >= i)
    {
    strHtml += "<option value='" + (j+1) + "'>" + (j+1) + "</option>";
    }
    }

    strHtml += "</select></span></div>";
    }

    document.write(strHtml);

    for (var i=0; i<10; i++)
    {
    sel[i].selectedIndex = 0;
    }
    }
    function change(index)
    {
    var str = "";

    for (var i=(index+1); i<sel.length; i++)
    {
    str = "";
    for (var j=1; j<11; j++)
    {
    for (var k=0; k<i; k++)
    {
    if (sel[k].value == j)
    {
    break;
    }
    }

    if (k < i)
    {
    continue;
    }

    str += "<option value='" + j + "'>" + j + "</option>";
    }

    eval("box" + i).innerHTML = "<select id='sel' onchange='change(" + i + ");'>" + str + "</select>";
    }
    }init();
    </script>
    </body>
    </html>
      

  4.   

    定义一个数组，存放可以选择的数字，开始不要在下拉框里放元素，或者放了元素在添加新元素前清空，用document.FName.sel.options.add(text,value)进行新元素添的加，这样就可以自动生成你想要的