javascript - リンクに基づいて選択ボックスのオプションを表示する

Question

私はJSPページを持っています。リンクをいくつか作成しました。

<div align="center" style="border: 1px solid #ddd; position:absolute;left:20px; top:100px; width: 150px;">
    <br>
    <a class="applicationdata" href="#" id="1">Organization Data</a><br>
    <a class="applicationdata" href="#" id="2">Business Units</a><br>
    <a class="applicationdata" href="#" id="3">Applications</a><br>
    <a class="applicationdata" href="#" id="4">Data Entity</a><br>
    <br>
</div>

それと同様に、私は多くのリンクを作成しました。また、私は選択ボックスを持っています

<label class="control-label" for="dataloadType">Data load Type:</label>
<select id="dataloadType" name="dataloadType">
    <option value="fromDB">From Database</option>
    <option value="fromFile">From File</option>
    <option value="email">E-mail</option>
    <option value="webServices">Web Services</option>
</select>

私が望むのは、Organization dataをクリックすると、選択ボックスには最初と2番目のオプションのみが表示されます(データベースとファイルから)。Business Unitを選択すると、次の2つのオプションのみが表示されます。 、すべてのオプションを表示する必要があり、最後のリンクをクリックすると、最初と 3 番目のオプションのみが表示されます。リンクが 2 つまたは 3 つしかない場合は、多くの選択ボックスを使用できますが、20 以上のリンクがあります。そのため、あまりにも一般的なオプションをすべてコーディングするのは困難です。

これを達成する方法はありますか？誰かがアイデアを与えることができますか？

ありがとう