jq动态增加根据select 的name 动态增加 option
假设我们有一个下拉框的HTML代码如下:
<select name="fruit"></select>
我们可以使用jQuery来动态增加option,代码如下:
// 定义一个数组,包含水果选项
var fruits = ["Apple", "Banana", "Orange"];
// 遍历水果选项,为select元素动态增加option
$.each(fruits, function(index, fruit) {
$('select[name="fruit"]').append('<option value="' + fruit + '">' + fruit + '</option>');
});
这段代码会将数组中的每个水果选项,都动态增加到name为"fruit"的select元素中。每个option的value和显示文本都设置为水果选项的名称。
原文地址: https://www.cveoy.top/t/topic/fGeN 著作权归作者所有。请勿转载和采集!