js动态添加select标签元素的下来选项

最新推荐文章于 2023-06-20 14:36:11 发布

原创最新推荐文章于 2023-06-20 14:36:11 发布 · 3.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #动态添加select选项

JS 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用JavaScript动态地向HTML中的select元素添加下拉选项。通过解析JSON数据并利用`document.createElement()`创建新的`option`元素，再将其追加到指定的select元素中。

JavaScript动态添加select下拉列表中的下拉选项

list为ajax过来的json数据串

$.each(list, function(i, n) {
<span style="white-space:pre">	</span>var taskName = list[i].taskName;
	taskName = _unescape(decodeURIComponent(taskName));
	var opt = document.createElement("option");
	opt.value = list[i].id;
	opt.text = taskName;
	$("#taskName").append(opt);
});

主要是使用了document.createElement();这个js函数