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

Question

У меня есть список текстовых полей в столбце HTML-таблицы. Рядом с таблицей есть кнопки «Добавить» и «Удалить», которые (при щелчке) добавят новые строки или удалят существующие.

Я бы хотел, чтобы на моей странице был выбран раскрывающийся список, который по существу связан с этим массивом текстовых полей, перечисляя значения списка текстовых полей следующим образом:

1. если я удалю текстовое поле, это значение должно быть удалено из моего выпадающего списка
2. Если я добавлю новую строку (и, следовательно, новое текстовое поле), это значение должно быть добавлено к моему выбору
3. Когда я редактирую имя в одном из текстовых полей, выпадающий список будет обновляться, чтобы синхронизироваться с моими нажатиями клавиш редактирования.

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

Answer 1

Ну, я думаю, что для конкретной задачи, как это, вы можете сделать это самостоятельно. Я постараюсь помочь вам с алгоритмом

1. При загрузке страницы проанализируйте таблицу, получите все текстовые поля и их значение, а затем постройте выпадающий элемент, используя это значение. Для этой задачи вам поможет плагин .
2. Когда строка удалена, поместите обработчик событий в кнопку удаления, затем используйте плагин , чтобы удалить опцию из выпадающего списка
3. Сделайте то же самое для добавления новой строки и редактирования существующего значения текстового поля. Лучше иметь кнопку рядом с текстовым полем, которую нужно щелкнуть, чтобы обновить текстовое поле, а не обновлять параметры раскрывающегося списка при вводе, поэтому вам просто нужно привязать событие нажатия на этой кнопке, чтобы обновить параметры раскрывающегося списка.

Если у вас все еще есть проблемы, вставьте сюда свой код, чтобы другие могли вам помочь.

Надеюсь, эта идея поможет вам.