如何使用document.getElementById(“ id”)更改文本值或选择下拉值

时间:2019-10-23 06:35:50

标签: javascript angularjs

如何使用我们使用document.getElementById(“ id”)提供的值来选择选项:

{
   .
   .
   .,
   "tools": {
       "tool1": "D:\\tool1.jar",
       "tool2": "D:\\tool2.jar",
       "tool3": "D:\\tool3.jar"
   }
}

或借助此代码在javascript代码中更改控件的文本。

我正在这样填充下拉列表:

document.getElementById("dropdownlist").selectedValue="apple";

3 个答案:

答案 0 :(得分:2)

selectedValue 更改为 value

document.getElementById("dropdownlist").value = "apple";

答案 1 :(得分:1)

尝试

    var element = document.getElementById("dropdownlist");
    element.value = "apple";

答案 2 :(得分:1)

看看this one too

通过document.getElementById("dropdownlist").value = "option3";,您可以设置要选择的特定选项

var dropDownOptions = ["option1", "option2", "option3", "others"]
 var options = "";
 
for (option in dropDownOptions) {
    options += "<option>" + dropDownOptions[option] + "</option>";
}
document.getElementById("dropdownlist").innerHTML = options;

// select option by value
document.getElementById("dropdownlist").value = "option3";
<select name="category" id="dropdownlist"/>