jQuery array values get into select option values?

Question

i have some data into sort array i want get each value from array in to Select option value. how can i get values from Array and make output like HTML? I would be grateful for any help.

JS

    $(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>

What is the situation at the beginning, what is the situation at the end and what causes the change? — djcaesar9114
– djcaesar9114, Commented Jan 15, 2021 at 1:00

Antony Jack · Accepted Answer · 2021-01-15 01:16:51Z

1

Here is the solution of appending options into select box...

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>

answered Jan 15, 2021 at 1:16

Antony Jack

4802 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery array values get into select option values?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related