javascript - 更改 HTML 中的文本 选择选项

Question

有这样的情况:

<select id="trollSelect">
    <option value="PL">Troll</option>
    <option value="EN">Troll</option>
    <option value="JP">Troll</option>
</select>

我想更改 $(document).ready(function() {...} 中的 $(#trollSelect option).text("NEW_VALUE") - 当页面准备好时。

最终效果应该是这样的:

<select id="trollSelect">
    <option value="PL">Pan Troll</option>
    <option value="EN">Mr Troll</option>
    <option value="JP">Troll Sama</option>
</select>

我不想使用服务器端脚本，它必须在 JQuery 或 JavaScript 中完成。这可以做类似 foreach(options) 的事情吗？

更新:

我想以这种方式生成选项文本:

function getTrollText(isoCode)  // isoCode from option.val()
{
    [...] // some magic, it does not matter
    return result;  // Here will be returned the text:
                    // "Pan Troll", "Mr Troll", or "Troll Sama"
}

Answer 1

尝试，

$(document).ready(function() {
    var newValues = ['Pan Troll','Mr Troll','Troll Sama'];
    $('#trollSelect option').each(function(i,_){
      $(this).text(newValues[i]);
    });
});