Question

我有一个国家/地区的选择列表，我使用的选项只有破折号作为分隔符。像这样......

<select class="form-control" id="Country" name="Country">
    <option disabled="disabled">-------------------</option>
    <option value="AU">Australia</option>
    <option value="NZ">New Zealand</option>
    <option value="GB">United Kingdom</option>
    <option value="IN">India</option>
    <option value="US">United States Of America</option>
    <option value="ZA">South Africa</option>
    <option value="CA">Canada</option>
    <option value="IE">Ireland</option>
    <option value="SG">Singapore</option>
    <option disabled="disabled">-------------------</option>
    <option value="AF">Afghanistan</option>
    <option value="AL">Albania</option>
    <option value="DZ">Algeria</option>
    ...

然而，当我“选择”这个时，这些分隔符选项会消失。

我不需要标记选项组，我只想要一种在视觉上分隔列表中的项目的方法。有没有推荐的方法用selectizejs做到这一点？

Answer 1

他们没有出现的原因是因为他们没有价值。尝试给它们一个空值，你应该能够看到它。

<select class="form-control" id="Country" name="Country">
    <option value="XX" disabled="disabled">-------------------</option>
    <option value="AU">Australia</option>
    <option value="NZ">New Zealand</option>
    <option value="GB">United Kingdom</option>
    <option value="IN">India</option>
    <option value="US">United States Of America</option>
    <option value="ZA">South Africa</option>
    <option value="CA">Canada</option>
    <option value="IE">Ireland</option>
    <option value="SG">Singapore</option>
    <option value="XX" disabled="disabled">-------------------</option>
    <option value="AF">Afghanistan</option>
    <option value="AL">Albania</option>
    <option value="DZ">Algeria</option>
    ...

selectize.js包括选项分隔符

1 个答案: