javascript - 更改下拉列表中的文本

Question

如果我有

<select name="id[3]" id="attrib-3">
  <option value="11">None</option>
  <option value="13">White ($4.72)</option>
  <option value="32">Black ($5.90)</option>
  <option value="12">Blue ($5.90)</option>
</select>

并且我想根据另一个下拉菜单更改价格，我有哪些选择？ (例如，假设我知道在这种情况下选项 13 应为 5.72，选项 32 应为 6.90，选项 12 应为 6.90)。我的第一个下拉菜单触发了 onchange，并且我知道如何到达 attrib-3，但我不确定如何更改下拉菜单的文本字段。

Answer 1

您可以循环选项:

for(var i = 0, l = select.options.length; i < l; i++) {
    var option = select.options[i];
    if(option.value == "...") {
        option.innerHTML = "...";
    }
}

我会将其放入一个函数中，并传递您搜索的值和替换值或 map 。像这样的东西:

setOptionText(select, 'value', 'text');
// or
setOptionText(select, {'value': 'text', 'value': 'text', ...});

引用:HTMLSelectElement