将数组解析为 SELECT OPTIONS [重复]答案

【问题标题】：Parse array into SELECT OPTIONS [duplicate]将数组解析为 SELECT OPTIONS [重复]
【发布时间】：2016-05-18 08:46:26
【问题描述】：

我有一个这样的数组：

["News & Politics", "Personal Journals", "Society & Culture", "Technology", "Arts", "Natural Sciences", "Business", "Comedy", "History", "Tech News", "TV & Film", "Design", "Performing Arts", "Education", "Christianity", "Investing", "Sports & Recreation", "Professional", "Social Sciences", "Automotive", "Science & Medicine", "Management & Marketing", "Sexuality", "Philosophy", "Self-Help", "Literature", "Buddhism", "Places & Travel", "Music", "Language Courses", "Careers", "Food", "Kids & Family", "National"]

我需要将这些值“推送”到 select 中，数组中的每个项目都是它自己的 option。

我该怎么做？

数组存储为变量all_cat_unique，但（当然）以下内容不起作用。我只是将整个数组附加到 select 中。

$.each(obj.entry, function(i, data) {

    $('#all-categories').append('<option>'+all_cat_unique+'</option>');
});

谢谢。

【问题讨论】：

$('#all-categories').append('<option>'+data+'</option>');
@JoelAlmeida 你是对的，这似乎与你发布的问题重复，然后标记为重复..
@cale_b 必须对我的代码做一个小调整，你的答案就完美了。谢谢。
all_cat_unique 究竟来自哪里？

标签： jquery arrays

【解决方案1】：

给定数组：

var all_cat_unique = ["News & Politics", "Personal Journals", "Society & Culture", "Technology", "Arts", "Natural Sciences", "Business", "Comedy", "History", "Tech News", "TV & Film", "Design", "Performing Arts", "Education", "Christianity", "Investing", "Sports & Recreation", "Professional", "Social Sciences", "Automotive", "Science & Medicine", "Management & Marketing", "Sexuality", "Philosophy", "Self-Help", "Literature", "Buddhism", "Places & Travel", "Music", "Language Courses", "Careers", "Food", "Kids & Family", "National"];

HTML 选择：

<select id="all-categories"></select>

您可以使用以下代码将选项从数组动态追加到选择：

for(var i = 0; i < all_cat_unique.length; i++)
$('#all-categories').append( $("<option></option>").attr("value",all_cat_unique[i]).text(all_cat_unique[i]) );

这里正在使用您给定的数组jsfiddle。希望对你有帮助

【讨论】：

【解决方案2】：

var all_cat_unique = ["News & Politics", "Personal Journals", "Society & Culture", "Technology", "Arts", "Natural Sciences", "Business", "Comedy", "History", "Tech News", "TV & Film", "Design", "Performing Arts", "Education", "Christianity", "Investing", "Sports & Recreation", "Professional", "Social Sciences", "Automotive", "Science & Medicine", "Management & Marketing", "Sexuality", "Philosophy", "Self-Help", "Literature", "Buddhism", "Places & Travel", "Music", "Language Courses", "Careers", "Food", "Kids & Family", "National"];

$.each(all_cat_unique, function(i, data) {
    $('#all-categories').append('<option value="' + i + '">' + data + '</option>');
});

/*get value selected*/
$("#all-categories").on("change", function() {
    alert("Selected: " + all_cat_unique[this.value]);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="all-categories"></select>

【讨论】：

【解决方案3】：

老for循环

var arr = ["News & Politics", "Personal Journals", "Society & Culture",     "Technology", "Arts", "Natural Sciences", "Business", "Comedy", "History", "Tech News", "TV & Film", "Design", "Performing Arts", "Education", "Christianity", "Investing", "Sports & Recreation", "Professional", "Social Sciences", "Automotive", "Science & Medicine", "Management & Marketing", "Sexuality", "Philosophy", "Self-Help", "Literature", "Buddhism", "Places & Travel", "Music", "Language Courses", "Careers", "Food", "Kids & Family", "National"];


for(var i =  0; i< arr.length;i++){

$('#all-categories').append('<option>'+arr[i]+'</option>');

}

【讨论】：

是的，抱歉错过了。谢谢。

【解决方案4】：

给你。

$.each(obj.entry, function(i, data) {

    $('#all-categories').append('<option>'+data+'</option>');
});

i = 是索引。

数据 = 值。

https://jsfiddle.net/xqa7w557/

【讨论】：

我发布了我的答案，甚至没有看到你的评论。所以我实际上并没有看到你的答案。谢谢你的反对票。很高兴当我试图做的只是帮助某人时，你确实投了我的票。该网站旨在帮助和分享知识。
我实际上没有投反对票。你的回答是正确的，我不会因为那样的沮丧而投反对票。