添加隐藏属性以基于选项值选择选项

Question

我正在尝试创建一个工作功能，该功能将基于某些值隐藏特定的选择选项。 选项将没有类或ID，因此我需要使用选项值作为标识符。

有人看到这个功能有问题吗？

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

Answer 1

与其在选项标签上应用隐藏选项，不如创建不同版本的<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>