Javascript 替换选择框中的值而无需删除和重新填充

我想知道是否可以使用javascript替换选择框中的一行或一个值。注意：选择框已经动态填充了javascript

即

用芒果代替（橙子），因此新列表如下：

[SELECT BOX]
Apples
Mangos
Pears
Strawberries
Kiwi

---

本机JavaScript：

var elem = document.getElementsByTagName("select")[0].getElementsByTagName("option");
    for (var i = 0; i < elem.length; i++) {
        if (elem[i].innerHTML.indexOf("Oranges") > -1) {
            elem[i].innerHTML = "Mangos";
            elem[i].value = "mangos";
    }
}

var elem=document.getElementsByTagName（“选择”）[0].getElementsByTagName（“选项”）；
对于（变量i=0；i-1）{
elem[i].innerHTML=“芒果”；
elem[i].value=“芒果”；
}
}

可能有更好的方法来实现这一点，特别是如果您愿意使用jQuery的话——但这在OP中并不清楚，所以这里有一个纯javascript解决方案

HTML

<select id="fruit">
    <option value="Apples">Apples</option>
    <option value="Oranges">Oranges</option>
    <option value="Pears">Pears</option>
    <option value="Strawberries">Strawberries</option>
    <option value="Kiwi">Kiwi</option>
</select>​​​​​​​​​​​​​​

苹果
橘子
梨
草莓
几维鸟
​​​​​​​​​​​​​​

JAVASCRIPT

​var el = document.getElementById("fruit");

for(var i=0; i < el.options.length; i++){
    if(el.options[i].value == "Oranges"){
        el.options[i].value = "Mangos";
        el.options[i].innerText = "Mangos";        
    } 
}

​var el=document.getElementById（“水果”）；
对于（变量i=0；i

使用jQuery。过滤器

<select id="fruit">
    <option value="Apples">Apples</option>
    <option value="Oranges">Oranges</option>
    <option value="Pears">Pears</option>
    <option value="Strawberries">Strawberries</option>
    <option value="Kiwi">Kiwi</option>
</select>​​​​​​​​​​​​​​

​var el = document.getElementById("fruit");

for(var i=0; i < el.options.length; i++){
    if(el.options[i].value == "Oranges"){
        el.options[i].value = "Mangos";
        el.options[i].innerText = "Mangos";        
    } 
}

 $("select option").filter(function(){
   return $.trim(this.innerHTML) == "Oranges"; 
}).html("Mangos");​