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

Question

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

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

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

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

Answer 1

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

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

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

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