select默认项不能被选中

    <select name="teamid">    
        <option value="111">第一</option>
        <option value="222">第二</option>
        <option value="333">第三</option>
        <option value="444">第四</option>
   </select>
在页面上默认显示的是第一，如果点击下拉框，依次显示第一，第二，第三，第四。这样第一就会显示2次，我不想让第一显示，因为他本身就是默认的，我只需点击下拉框后显示第二，第三，第四就行了。这该怎么设置呢？谢谢了

解决方案 »

  1.   

    什么会显示两次？
    <select name="teamid">   
            <option value="111" selected>第一 </option> 
            <option value="222">第二 </option> 
            <option value="333">第三 </option> 
            <option value="444">第四 </option> 
      </select> 
      

  2.   

    for (i=0 ;i<obj.options.length;i++){
    if(obj.options[i].value==obj.value){
        obj.options[i].outerHTML=''
    }
    }
      

  3.   

    <select name="teamid" onchange =b(this)>   
                <option value="111">第一 </option> 
                <option value="222">第二 </option> 
                <option value="333">第三 </option> 
                <option value="444">第四 </option> 
          </select> 
        function b(obj){for (i=0 ;i<obj.options.length;i++){
    if(obj.options[i].value==obj.value){
        obj.options[i].outerHTML=''
    }
    }    
        }
      

  4.   

    你的需求很不友好，有悖常规 存在很多问题
    <html>
    <script type="text/javascript">
    function deleteFirst(obj)
    {
      if(obj.options[0].value=="111")
      {
        obj.options.remove(0);
      }
    }
    </script>
    <body>
    <select id="teamid" onclick="deleteFirst(this)">   
    <option value="111">第一</option> 
    <option value="222">第二</option> 
    <option value="333">第三</option> 
    <option value="444">第四</option> 
    </select> 
    </body>
    </html>
      

  5.   

    <html>
    <script type="text/javascript">
    function deleteFirst(obj)
    {
      if(obj.options[0].value=="111")
      {
        obj.options[0].innerHTML="";
      }
    }
    </script>
    <body>
    <select id="teamid" onchange="deleteFirst(this)">   
    <option value="111">第一</option> 
    <option value="222">第二</option> 
    <option value="333">第三</option> 
    <option value="444">第四</option> 
    </select> 
    </body>
    </html>
      

  6.   

    <option></option>
    <option value="111">第一</option> 
    <option value="222">第二</option> 
    <option value="333">第三</option> 
    <option value="444">第四</option> 
      

  7.   

    我也有同感，敢问一句，是不是用户在选择了非“第一”之后就再也不能反悔，不能选择“第一”了？还是说当前选中谁，下拉列表里就没有谁？要是后者还可以理解。
    实际上 ListBox 的行为比较类似你的需求，就是那个好像多行文本框，每行一个条目的，尽管比较占地方……
      

  8.   

    更正：不好意思，我知道这里不是 ASP.NET 版，我所谓的 ListBox 是类似于——请允许我偷懒写成这样——<select multiple="multiple" />，不过这样可能还不及一组 radio 来的好……