javascript - 利用可能な HTML 選択オプションを変更する

Question

使用可能な html 選択オプションを変更する JavaScript ソリューションを探しています。適切な時点でトリガーされる JavaScript 関数がありますが、使用可能なオプションを変更する方法がわかりません。たとえば、htmlselect1 でオプション A が選択されている場合、htmlselect2 のオプションを更新したいと考えています。ありがとう。

私が持っているものはほとんど機能しているようですが、選択オプションにも空の選択があります。これがJavaScript関数です。

function setDurationChoices(){
    var selectedType= hikeTypeID.value;
    if(selectedType=== "G"){
        document.inputForm.duration.options = new Option("3", "5", true);
    }
    else if(selectedType=== "H"){
        document.inputForm.duration.options = new Option("2", "3", "4", true);
    }
    else if(selectedType=== "B"){
        document.inputForm.duration.options = new Option("5", "7", true);
    }
}

トリガーされる場所は次のとおりです。

<select id="hikeTypeID" name="hikeType" onchange="setDurationChoices()">
   <option value="G">G</option>
   <option value="H">H/option>
   <option value="B">B</option>
</select>

動的に変更したい選択は次のとおりです。

<select name="duration">
   <option value="3">3</option>
   <option value="5">5</option>
</select>