不要在下拉列表中显示默认选择的选项

Question

有没有办法在HTML select标签的下拉列表中不显示第一个选项？他们唯一知道的就是禁止它被点击，但我希望它不会显示在下拉列表中，如下所示：

<select class="archive" onChange="window.location.href=this.value">
    <option disabled="disabled" selected="selected">..după lună:</option>
    <option value="#">Ianuarie 2015</option>
    <option value="#">Februarie 2015</option>
    <option value="#">Martie 2015</option>
    <option value="#">Aprilie 2015</option>
</select>

Answer 1

我没有考虑尝试使用CSS来实现这个原因我认为通过将style="display:none;"添加到我的第一个选项标签中也会隐藏框中的值，但是看起来却没有。您可以通过以下方式更改问题中的初始代码来实现此目的：

<select class="archive" onChange="window.location.href=this.value">
    <option disabled="disabled" selected="selected" style="display:none;">..lună:</option>
    <option value="#">Ianuarie 2015</option>
    <option value="#">Februarie 2015</option>
    <option value="#">Martie 2015</option>
    <option value="#">Aprilie 2015</option>
</select>

Answer 2

如果我理解你的问题，我相信你要做的就是这个。古德勒克

$('.archive option:selected').hide(); //initialise

所有选定元素的动态方法如下：

$(function(){
   $('.archive option:selected').hide(); //initialise
  
   $('.archive').change(function(){
     
     $('.archive option').show(200, function(){
       
         $('.archive option:selected').hide();
       
     });
     
   });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select class="archive">
    <option selected="selected">..după lună:</option>
    <option value="#">Ianuarie 2015</option>
    <option value="#">Februarie 2015</option>
    <option value="#">Martie 2015</option>
    <option value="#">Aprilie 2015</option>
</select>