Question

I wanted to know if it was possible using javascript, to replace a line or a value in a select box. Note the: select box is already populated dynamically with javascript to begin with

ie.

[SELECT BOX]
Apples
Oranges
Pears
Strawberries
Kiwi

replace (Oranges) with Mangos, so the new list reads:

[SELECT BOX]
Apples
Mangos
Pears
Strawberries
Kiwi

Answer 1

    jQuery(function () { // fire when DOM ready
        jQuery("select:eq(0)").find("option").each(function () { // for loop
            if (jQuery(this).text().indexOf("Oranges") > -1) { // check text with current option
                jQuery(this).text("Mangos"); // set net text
                jQuery(this).val("mangos"); // set new value
            }
        });
    });

---

Native 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";
    }
}