0
Select2 перестает работать, когда я клонировал новые строки «выпадающее меню работает только для первой строки (по умолчанию)« выпадающее меню для клонированных неработающих. Вот мой код:select2 перестать работать для клонированных строк, почему?
**= f.inputs 'Items not in inventory' do
%table
%thead
%td{style: 'width: 20%; padding-left: 20px;'}
%b Select Product
%td{style: 'max-width: 70px;'}
%b Repossessed Inventory (Serial/Amount)
%tbody{id: 'tableToModify'}
%tr{id: 'rowToClone'}
= semantic_fields_for :other_stuff do |os|
%td{style: 'padding-left: 20px;'}
= os.input :product_id, as: :select, label: false, collection: Product.all.order(:name).pluck(:name, :id), input_html: {class: 'select2'}
%td
= os.input :repossessed, label: false, input_html: { style: 'width: 100px;' }
%td
= link_to "x", "javascript:if ($('#tableToModify tr').length > 1) {document.getElementById('tableToModify').deleteRow($('#tableToModify tr').length - 1);}"
= link_to 'Add item', 'javascript:cloneRow()'
= f.input :rest_is_lost, as: :boolean, label: 'Mark unrepossessed items as lost', input_html: { checked: 'checked' }
= f.actions do
= f.action :submit, label: 'Create Repossession Case'
= f.action :cancel, label: 'Cancel', button_html: { href: url_for(action: :index) }, wrapper_html: { class: :cancel }
:javascript
function cloneRow(){
var row = document.getElementById("rowToClone");
var table = document.getElementById("tableToModify");
var clone = row.cloneNode(true);
var numberOfRows = document.getElementById("tableToModify").rows.length;
clone.id = numberOfRows + 1;
table.appendChild(clone);
}**
спасибо большое за совет, но это не работает слишком, я стараюсь чтобы получить элемент внутри входа и ограничен с select2, но я терпеть неудачу много раз. я не знаю, почему !!! –
это дает мне эту ошибку: clone.getElementById не является функцией –
Используйте 'console.log (clone)', чтобы проверить, что такое 'clone'. –