Question

这是我目前的清单（我简称）。它是用php和MySQL动态创建的：

<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之后显示来自＆＃34; Border-bottom＆＃34;，或＆＃34; hr＆＃34;或＆＃34; ------------ --------＆＃34;

使用CSS是不可能的，我相信这可以通过Jquery实现，但是如何实现？

Answer 1

您可以使用以下jQuery在列表中的第3个选项之后插入禁用选项。如果您的选项列表永远不会更改，您也可以在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>

Answer 2

你可以添加一个选项/禁用，如

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

另一种选择是使用css，但不适用于所有浏览器

如何设置选择列表的<option>样式？

2 个答案: