Javascript 使用选项索引将选项代码替换为其他代码

我有一个下拉列表

<select name="answers[0][]">                            
   <option value="0" >Beredskap</option>                            
   <option value="1" >Förbundsledning</option>                          
   <option value="2" >Förbundsledning stab</option>
   <option value="3" >Ekonomiavdelningen</option>
</select>

---

可以使用jQuery和选择器查找列表框$（'#myListBox'）.val（）

您可以通过$（'#myListBox'）.val（“新值”）轻松更改该值

您还可以轻松地遍历选项列表并执行任何您想要的操作

$("#id option").each(function()
{
    // add $(this).val() to your list
});

这个怎么样

var sel = document.getElementsByTagName('select')[0];
sel.innerHTML = sel.innerHTML.replace('Förbundsledning', 'apple');

---

文档。getElementsByTagName（'select'）[0]。选项[1]。text=“apple”

[1]

是选项项的索引。0=Beredskap，1=Förbundsleding。

使用函数

function select_text_replace(option_text, replace_text) {
    var el = document.getElementsByTagName('select')[0];
    el.innerHTML = el.innerHTML.replace(option_text, replace_text);
};


select_text_replace("Förbundsledning", "apple");
select_text_replace("Ekonomiavdelningen", "apple2");

---

请参见示例：

值为1的选项恰好位于代码的索引1处，如果始终是这种情况，则除此之外的其他答案将适用

如果您不知道生成的选项的顺序，因此不知道要更改的选项的索引，这取决于您是要基于值还是原始文本更改文本

您可以这样做：

var options = document.getElementsByTagName("option");
for(var e = 0; e < options.length; e++) {
    //change by text
    if (options[e].text == "Apple") {
        options[e].text = "Förbundsledning";
    }

    //change by value
    if (options[e].value == "1") {
        options[e].text = "Förbundsledning";    
    }
}

var options=document.getElementsByTagName（“选项”）；
对于（var e=0；e

var options = document.getElementsByTagName("option");
for(var e = 0; e < options.length; e++) {
    //change by text
    if (options[e].text == "Apple") {
        options[e].text = "Förbundsledning";
    }

    //change by value
    if (options[e].value == "1") {
        options[e].text = "Förbundsledning";    
    }
}