隠し属性を追加するオプション値に基づいてオプションを選択する

Question

特定の値に基づいて特定の選択オプションを非表示にする作業関数を作成しようとしています。オプションにはクラスやIDはありませんので、オプション値を識別子として使用する必要があります。

誰にもこの機能に問題がありますか？

function delivery_rate(valMap) { 
    if(valMap === 5000){ 
     $(".addon-select option[value="1-day-1"]").setAttribute("hidden", true); 
    } 
} 

Answer 1

オプションタグにhiddenを適用する代わりに、<select>の異なるバージョンを作成し、すべてを非表示に設定します。ユーザーがその<select>タグの条件に一致する値を選択すると、その特定のタグを表示します。

<select name="select" class="first-select"> 
    <option value="value1">Value 1</option> 
    <option value="value2" selected>Value 2</option> 
    <option value="value3">Value 3</option> 
</select> 

<select name="select" class="second-select"> 
    <option value="value4">Value 1</option> 
    <option value="value5" selected>Value 2</option> 
    <option value="value6">Value 3</option> 
</select>