要在按钮点击事件中填充下拉列表,你可以使用以下示例代码:
HTML代码:
填充下拉列表示例
JavaScript代码(script.js文件):
function populateList() {
// 获取下拉列表元素
var selectList = document.getElementById("myList");
// 创建选项元素并添加到下拉列表中
var option1 = document.createElement("option");
option1.text = "选项1";
selectList.add(option1);
var option2 = document.createElement("option");
option2.text = "选项2";
selectList.add(option2);
var option3 = document.createElement("option");
option3.text = "选项3";
selectList.add(option3);
// 可以继续添加更多选项...
// 设置默认选中项(可选)
selectList.selectedIndex = 0;
}
在上面的代码中,我们首先获取了下拉列表元素的引用,然后使用createElement
方法创建每个选项元素,并将其添加到下拉列表中。最后,我们可以使用selectedIndex
属性设置默认选中项(如果需要)。
上一篇:按钮点击事件中的任务不更新 ui