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

我有如下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”时，它会在组合框中显示我的所有元素，那么我如何隐藏它以仅显示第一个选项（如单个组合框）？ 有人知道吗？谢谢。

删除“多个”属性

看起来你需要把这两个类别分开

<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>

从低到高
从高到低
从低到高
从高到低