Заполните опцию выбора элементом JSON Object

Question

Я хочу заполнить тег выбора параметрами, содержащимися в JSON Объекте:

Привет, необходимо заполнить этот выбор:

 <select class="selectpicker" name="iroleinspecteurcommercial" id="iroleinspecteurcommercial" data-live-search="true" data-actions-box="true" multiple></select></br>

с информацией от arr1.libellerole

Я пробовал этот код, но без результатов:

$.each(arr1.libellerole, function(k, v){
        $("#iselectroledirregional").append('<option>'+v+'</option>');
    });

Спасибо

Answer 1

На основании предоставленного вами изображения, нет arr1.libellerole. Вместо этого вам нужно перебирать каждый элемент в массиве и обращаться к его свойству libellerole.

Кроме того, указан идентификатор <select>, который вы указали, и идентификатор в вашем коде JavaScript don ' t match.

Попробуйте:

$.each(arr1, function (k, v) {
    $("#iroleinspecteurcommercial").append('<option>' + v.libellerole + '</option>');
});

Пример:

var arr1 = [
  {libellerole: 1},
  {libellerole: 2},
  {libellerole: 3},
  {libellerole: 4},
  {libellerole: 5}
];

$.each(arr1, function(k, v) {
  $("#iroleinspecteurcommercial").append('<option>' + v.libellerole + '</option>');
});

<script src = "//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id = "iroleinspecteurcommercial" multiple></select>