gpt4 book ai didi

JQuery append 到使用数组进行选择

转载 作者:行者123 更新时间:2023-12-01 08:24:28 26 4
gpt4 key购买 nike

非常简单,但你猜怎么着,不适合我。我有一个逗号分隔的列表,如下所示: Option1,Option2,Option3 我想将其 append 到 <select>所以它变成<select><option>Option1</option><option>Option2</option><option>Option3</option></select>

我可以像这样“拆分”列表(在获取列表的函数内):

var optionsarray = $(this).val().split(',');

$(optionsarray).each(function(i){
var seloption = '<option value="'+optionsarray[i]+'">'+optionsarray[i]+'</option>';
});

但是现在我该如何 append seloption到我的选择列表。如果我放

$('#selecttoappendto').append('<option value="'+optionsarray[i]+'">'+optionsarray[i]+'</option>');

$('#selecttoappendto').append(seloption);

在每个循环内什么也没有发生。将其放在我可以 append 的每个之外,比如 optionsarray[0] ,或optionsarray[1]等等,但我无法 append optionsarray[i]无论我采取哪种方式(在每个内部或外部)。请帮忙 - 提前致谢

最佳答案

从空字符串开始,您可以使用 += 在循环中构建字符串。然后 .append() 字符串。

var optionsarray = $(this).val().split(',');

var seloption = "";

$.each(optionsarray,function(i){
seloption += '<option value="'+optionsarray[i]+'">'+optionsarray[i]+'</option>';
});

$('#selecttoappendto').append(seloption);

或者另一种选择是单独构建元素,将它们存储在容器中,然后从容器中 append 它们。

var optionsarray = $(this).val().split(',');

var temp_sel = $('<select>');

$.each(optionsarray,function(i){
temp_sel.append('<option>',{text:optionsarray[i],
value:optionsarray[i]
});
});

temp_sel.children().appendTo('#selecttoappendto');
<小时/>

修复了 children 之后缺少的 ()

关于JQuery append 到使用数组进行选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4969754/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com