2015-05-04 228 views
2

有没有办法在HTML选择标签的下拉列表中显示第一个选项?他们只有我自己知道的事情是从被点击禁用它,但我希望它不会显示在下拉列表中,这样的:不要在下拉列表中显示默认选择的选项

example

<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> 
+0

你可以使用jQuery? – Arvind

+0

@Arvind,我没有任何限制,我已经在这个网站上使用jQuery,但我可以用jQuery来实现这个功能吗?考虑到我只需要不在列表中显示第一个选项,但我需要它显示在框中,就像我张贴的图像:) – Alin

+0

您是否尝试将css可见性设置为“无”? – bitifet

回答

4

我也没多想尝试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> 
1

如果我理解你的问题正确,我相信你正在尝试做的是这样的。古德勒克

$('.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>

+0

是的,这是我想要实现的,但如果你看看我发布的答案,你会看到我设法通过简单地添加一行CSS来实现它。真的不需要为此使用jquery .... – Alin

+0

也,我不需要隐藏每个选定的值,只是默认值。 – Alin

+0

我假设您的第一个默认值表示用户从列表中选择一个项目。您的解决方案的问题是,第一个项目将永远消失,并且永远不会有下拉空的条目 –

相关问题