如何隐藏HTML下拉列表中的选项？

Question

我试图隐藏html弹出窗口中的下拉列表选项。当我单击关闭时，弹出窗口会清除，但下拉选项仍会保留在屏幕上。

这是我的代码：

HTML：

<div id="xyz">
    <select multiple="multiple"   class="dropDown" property="x" >
        <c:forEach items="${aa.ab}" var="ab">
            <option value="${ab.id}">${ab.description}</option>
        </c:forEach>
    </select>
</div>

按钮：

<input type="button" onclick="PopupUtility.hidePopupElement(this); closeDropDown();" value="Cancel"/>   

JS：

function closeDropDown() {
    var x = document.getElementById('xyz');
    for (var i = 0; i < x.length; i++){
      x.style.display = 'none';
    }
}