2015-05-04 229 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

我假設您的第一個默認值表示用戶從列表中選擇一個項目。您的解決方案的問題是,第一個項目將永遠消失,並且永遠不會有下拉空的條目 –

相關問題