Как добавить в JS массив select?

Question

[an543]

Приветствую ! Есть скрипт который добавляет в вью форму с полями ввода, как заменить в скрипте вместо перечислений value , value из массива переданного из контроллера ?

$(document).on('click', 'button.add_new_unit', function() {
        var current_obj = $(this);
        var group_id = current_obj.parent().parent().parent().data('group_id');

        $('#new_unit input[name="group_id"]').val('0');
        $('#new_unit input[name="unit_id"]').val(0);
        $('#new_unit input[name="search_unit"]').val('');
        $('#new_unit input[name="group_id"]').val(group_id);
       
        var current_obj = $(this);

        var name = $('#new_unit input[name="search_unit"]').val();
        var unit_id = $('#new_unit input[name="unit_id"]').val();
        var group_id = $('#new_unit input[name="group_id"]').val();

        var block = '<div class="row unit">' +
            '<div class="col-6"><label>Название</label><input type="text" value="'+name+'" name="unit['+group_id+']['+unit_id+']" class="form-control" autocomplete="off" ></div>'+
            '<div class="col-3"><label>Кол-во</label><input type="number" name="unit_count['+group_id+']['+unit_id+']" min="1" max="100000" value="1" class="form-control"></div>'+
            '<div class="col-2"><label>Ед. изм.</label><select name="unit_measure['+group_id+']['+unit_id+']" class="form-control">' +
            '<option value="1">гр.</option>'+
            '<option value="2">кг.</option>'+
            '<option value="3">мл.</option>'+
            '<option value="4" >л.</option>'+
            '<option value="5">шт.</option>'+
            '</select></div>'+
          ;
     $('div[data-group_id='+group_id+'] .units-group-data').append(block);

Comments

[ProjectSoft]

Для начало приведите логику кода в порядок.
Что это???

Зачем получать то, что вы установили жёстко и вы знаете что там?

var current_obj = $(this);
        var group_id = current_obj.parent().parent().parent().data('group_id');

        $('#new_unit input[name="group_id"]').val('0');
        $('#new_unit input[name="unit_id"]').val(0);
        $('#new_unit input[name="search_unit"]').val('');
        $('#new_unit input[name="group_id"]').val(group_id);
       
        var current_obj = $(this);

        var name = $('#new_unit input[name="search_unit"]').val();
        var unit_id = $('#new_unit input[name="unit_id"]').val();
        var group_id = $('#new_unit input[name="group_id"]').val();

[an543]

ProjectSoft, я переделываю скрипт , сейчас единицы измерения берутся из выпадающего списка из кода, а нужно сделать из базы данных он всегда будет разный!

[ProjectSoft]

an543, я спрашиваю: Зачем получать то, что вы установили жёстко? Поэтому и говорю про логику. Приведите её в порядок.
Если вы хотите получать динамические данные, так получайте их хоть откуда.
current_obj.parent().parent().parent()
Т. е. closest https://jquery-docs.ru/closest/
Получить элементы внутри родителя. Это только пример и он может отличаться в зависимости от ваших селекторов (id, class, attributes) в вёрстке

var current_obj = $(this),
	parent = current_obj.closest('.custom_div'),
	name = $('input[name="search_unit"]', parent);
console.log(name);

По вашему коду ни чего не понятно. И про какой массив вы вообще говорите.

[an543]

ProjectSoft, Этот скрипт писал не я, и в них я не силен. Если бы делал во вью то делал бы так
{{ Form::select('measures', $measures) }} где список единиц из базы данных.

[ProjectSoft]

an543, ну тогда без более подробных данных тут просто ни как.

[alex]

current_obj.parent().parent().parent()

ехал parent через parent, видит parent в parent parent, сунул parent parent в parent, parent parent parent parent

$('div[data-group_id='+group_id+'] .units-group-data').append(block)

это вы так в вью добавили? классно

[an543]

Alex, Поясните пожалуйста, что Вы имеете ввиду ?

[an543]

Alex, Скрипт писал не я, я просто хочу изменить, чтоб выпадающих список единиц брался из базы данных,