js给select下拉框赋值的方法有哪些

小亿

1994

2023-08-05 09:56:07

栏目: 编程语言

在JavaScript中给select下拉框赋值的方法有以下几种：

使用innerHTML属性：可以通过innerHTML属性直接设置select下拉框的HTML内容，其中包括option选项。

var select = document.getElementById("mySelect");
select.innerHTML = "<option value='1'>Option 1</option><option value='2'>Option 2</option>";

使用appendChild()方法：可以通过创建新的option元素并将其添加到select下拉框中来赋值。

var select = document.getElementById("mySelect");
var option1 = document.createElement("option");
option1.value = "1";
option1.text = "Option 1";
select.appendChild(option1);
var option2 = document.createElement("option");
option2.value = "2";
option2.text = "Option 2";
select.appendChild(option2);

使用add()方法：可以使用add()方法向select下拉框中添加新的option选项。

var select = document.getElementById("mySelect");
var option1 = new Option("Option 1", "1");
var option2 = new Option("Option 2", "2");
select.add(option1);
select.add(option2);

使用options数组：可以直接修改select下拉框的options数组来赋值。

var select = document.getElementById("mySelect");
select.options[0] = new Option("Option 1", "1");
select.options[1] = new Option("Option 2", "2");

以上是几种常见的给select下拉框赋值的方法，可以根据具体需求选择合适的方法。

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

js给select下拉框赋值的方法有哪些

最新问答

相关标签