Бортовой журнал Ктулху
    Вы здесь:
  • Главная
    • >
  • /dev
    • > Как заполнить select option на jQuery

Как заполнить select option на jQuery

Понадобилось мне заполнять на основе ассоциативного массива выпадающий список <select><option></option></select> используя jQuery. Каких-то готовых решений нет, каждый пишет свой велосипед. Вот я тоже напишу свой, но с бантиками.

На входе будет ассоциативный массив ['id' => 'value'].

Вторым аргументом будет ID.

Третьим необязательным - выбранное значение.

function populateDropdown(arrayList,id,selected = null) {
    var selectedVal = '';
$.each(arrayList, function (k, v){
        if(parseInt(selected) === parseInt(k)){
            selectedVal = ' selected';
        } else {
            selectedVal = '';
        }
        $('#' + id).append('<option value="' + k + '" ' + selectedVal + '>' + v + '</option>');
    });
}