是否有任何插件可以将文本框列表链接到选择下拉列表并保持同步

Question

我在html表的列中有一个文本框列表。该表旁边有一个“添加”和“删除”按钮（单击时）将添加新行或删除现有行。

我想在我的页面上有一个下拉选择，它实际上链接到这个文本框数组，列出了文本框列表的值，所以：

1. 如果我删除了一个文本框，那么该值应该从我的下拉列表中删除
2. 如果我添加一个新行（以及一个新的文本框），该值应该添加到我的选择
3. 当我在其中一个文本框中编辑名称时，选择下拉列表会自动更新以与我的编辑按键同步。

是否有任何jquery插件可以帮助进行此同步。关于如何做到这一点的任何想法，而不会变得非常复杂？

Answer 1

嗯，我认为对于这样的具体任务，你可以自己做。我会尽力帮助你解决算法

1. 在页面加载，解析表，获取所有文本框及其值，然后使用这些值构建下拉元素。对于此任务，有plugin可以帮助您。
2. 删除行后，将事件处理程序放入删除按钮，然后使用上面的plugin从下拉列表中删除该选项
3. 添加新行并编辑现有文本框值同样如此。最好在文本框旁边有一个按钮，需要点击才能更新文本框，而不是在键入时更新下拉列表的选项，所以你只需要在该按钮中绑定click事件来更新下拉列表的选项。

如果您仍然遇到问题，请将代码粘贴到此处，以便其他人可以为您提供帮助。

我希望这个想法可以帮助你。