如何樣式<option>的選擇列表？

這是我目前的清單（我把它縮短了）。它是用PHP和MySQL動態創建：如何樣式<option>的選擇列表？

<select name="id_country" id="id_country" class=" opc-form-control"> 
    <option value="231">Afghanistan</option> 
    <option value="244">Åland Islands</option> 
    <option value="230">Albania</option> 
    <option value="38">Algeria</option> 
    <option value="39">American Samoa</option> 
    <option value="40">Andorra</option> 
    <option value="41">Angola</option> 
    <option value="42">Anguilla</option> 
    <option value="232">Antarctica</option> 
    <option value="43">Antigua and Barbuda</option> 
    <option value="44">Argentina</option> 
    <option value="45">Armenia</option> 
    <option value="46">Aruba</option> 
    <option value="24" selected="selected">Australia</option> 
    <option value="2">Austria</option> 
    <option value="47">Azerbaijan</option> 
</select>

我想從「下邊框」或「小時」或「選項3事情後顯示------------ --------「

那麼用CSS它是不可能的，我相信這可以用JQuery來實現，但是怎麼樣？

來源

2017-05-27 AndrewS

1：你嘗試過什麼到目前爲止？第二：在選項3 * –

之後*的含義現在我試過$（「＃id_country」）。append（''）; – AndrewS

但是如何在？ – AndrewS

，你可以在第三選項後插入一個選項被禁用該列表使用以下jQuery。如果您的選項列表不會更改，您也可以在HTML中手動執行此操作。

$('#id_country option:nth-child(3)').after('<option disabled="disabled">----</option>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="id_country" id="id_country" class=" opc-form-control"> 
 
    <option value="231">Afghanistan</option> 
 
    <option value="244">Åland Islands</option> 
 
    <option value="230">Albania</option> 
 
    <option value="38">Algeria</option> 
 
    <option value="39">American Samoa</option> 
 
    <option value="40">Andorra</option> 
 
</select>

來源

2017-05-27 22:06:07 Soviut

你可以添加一個選項/像

<option disabled="disabled">------</option>

另一種選擇是使用CSS禁用，但在所有的瀏覽器不工作

來源

2017-05-27 21:58:52 UXDart

如何樣式<option>的選擇列表？

回答

相關問題