jQuery 数组值进入选择选项值？答案

【问题标题】：jQuery array values get into select option values?jQuery 数组值进入选择选项值？
【发布时间】：2021-01-15 00:21:37
【问题描述】：

我在sort 数组中有一些数据，我想从数组中获取每个值以选择选项值。如何从 Array 中获取值并生成 HTML 之类的输出？如果有任何帮助，我将不胜感激。

    $(document).ready(function () {
        new Sortable(drop, {
            onChange: function (event, ui) {
                sort = ["67", "66", "65", "64", "63"];
                $('#drop').children().each(function () {
                    $('#id_articles').append(`<option value="${sort}" selected=""></option>`);
                    sort.push($(this).data('pk'))
                    console.log(sort)
                });
            },
        })
    });

HTML

<select name="articles" required="" id="id_articles" multiple>
    <option value="67" selected=""></option>
    <option value="66" selected=""></option>
    <option value="65" selected=""></option>
    <option value="64" selected=""></option>
    <option value="63" selected=""></option>
</select>

【问题讨论】：

你想生成你写的HTML？
一开始是什么情况，最后是什么情况，是什么导致了变化？

标签： javascript html jquery bootstrap-4

【解决方案1】：

这是将选项附加到选择框中的解决方案...

sort = ["67", "66", "65", "64", "63"];
$.each(sort, function (index, value) {
    $('#id_articles').append($('<option/>', { 
        value: value,
        text : value 
    }));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="articles" required="" id="id_articles" multiple>
</select>

【讨论】：