如何进行多选输出，与单选相同

Question

我有这样的HTML：

<select name="sortProducts" id="sortProduct" multiple="multiple">

<optgroup label="Availability">
    <option selected="selected" value="option1">Low to high</option>
    <option value="option2">High to low</option>
</optgroup>

<optgroup label="Price">
    <option value="option3">Low to high</option>
    <option value="option4">High to low</option>
</optgroup>

</select>

当我使用multiple =“multiple”时，它会在组合框中显示我的所有元素，那么如何隐藏它以仅显示单个组合框的第一个选项？ 有人对此有所了解吗？感谢。

Answer 1

删除“multiple”属性。

看起来您需要将两个类别分开。

<select name="sortProductsByAvailability" id="sortProductsByAvailability">
    <option selected="selected" value="option1">Low to high</option>
    <option value="option2">High to low</option>
</select>

<select name="sortProductsByPrice" id="sortProductsByPrice">
    <option selected="selected" value="option3">Low to high</option>
    <option value="option4">High to low</option>
</select>