JavaScriptで選択オプションをすべてクリアする方法

方法1: セレクトボックスをリセットする セレクトボックス要素を取得し、そのselectedIndexプロパティを0に設定することで、選択をリセットできます。

var selectBox = document.getElementById("selectBoxId");
selectBox.selectedIndex = 0;

上記のコードでは、"selectBoxId"は対象のセレクトボックスのIDです。この方法は、セレクトボックスの最初のオプションを選択状態に設定するため、すべての選択をクリアする効果があります。

方法2: 子要素を削除する セレクトボックス内のすべての選択オプションを削除する方法もあります。以下のコードを使用すると、セレクトボックスの子要素をすべて削除できます。

var selectBox = document.getElementById("selectBoxId");
while (selectBox.firstChild) {
    selectBox.removeChild(selectBox.firstChild);
}

上記のコードでは、"selectBoxId"は対象のセレクトボックスのIDです。この方法は、セレクトボックス内のすべての子要素（選択オプション）を順番に削除していくため、選択をクリアする効果があります。

以上が、JavaScriptを使用してセレクトボックスの選択オプションをクリアする方法です。適用したい方法を選んで実装してみてください。