Блог

Я использую следующий код jquery для добавления новых строк, но дело в том, что у меня есть пара статических полей и пара динамических полей, заполняемых с помощью php.

 $(document).on('click', '#add', function(){ 
        if(i < maxField){ //Check maximum number of input fields
            i  ;
            var product_dd = '<select name="product_id[]" id="product_id"><?php echo fill_unit_select_box($products_list); ?></select>';
            var category_dd = '<select name="category_id[]" id="category_id"><?php echo fill_unit_select_box($category_list); ?></select>';

            $('#dynamic_field').append('<tr id="row' i '" class="dynamic-added"><td><input id="item_type" pattern="[2-3]*" type="text" required maxlength="1" name="item_type[]" /></td><td>' product_dd '</td><td>' category_dd '</td><td><select name="status[]" id="status"><option value="1" selected="selected">Enabled</option><option value="0">Disabled</option></select></td><td></td><td><button type="button" name="remove" id="' i '" class="btn btn-danger btn_remove">X</button></td></tr>');
        }

    });
  

Строки вставляются так, как мне нужно, но проблема, с которой я сталкиваюсь, заключается в том, что два выпадающих списка пусты, я проверил функцию php, и она возвращает все нужные мне параметры, но не уверен, когда я нажимаю кнопку «Добавить еще», почему выпадающие списки пустые. Пожалуйста, любая помощь!

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

 function fill_select_box($products_list)
    {    
         $output = '';   
         foreach($products_list as $key => $value)
         {
          $output .= '<option value="'.$key.'">'.$value.'</option>';
         }
         return $output;
    }