Autocomplete JQuery Form Collection Symfony

Question

Я хотел бы использовать функцию автозаполнения jquery в поле коллекции форм. Например, у меня есть коллекция форм, которая получила эти поля: название продукта, цена.

Я хотел бы использовать функцию автозаполнения на поле имени продукта. Проблема заключается в том, что при загрузке страницы это поле не существует, потому что оно создается после нажатия кнопки «добавить продукт». Затем он будет создан с этим id: invoice_products_0_name , где число 0 является идентификатором коллекции. Я должен использовать автозаполнение во всей коллекции.

Можете ли вы предложить мне что-нибудь?

Answer 1

Чтобы связать DOM, который еще не создан, вы можете использовать jquery on function, как описано here.

Добавить класс в поле ввода product_name. Затем вы можете привязать функцию к futur DOM, как это

$('#your-form-collection').on('focus', '.input-name-autocomplete' function() { 
     $(this).YourLibAutocomplete() 
});