填充和添加选择选项并与数据库同步

Fill and add select options and sync with database

本文关键字：数据库同步选项添加选择填充更新时间：2023-09-26

我对JavaScript很陌生，我正在努力实现一些我认为不应该很复杂的东西。

我想做的是：

也许列表刷新的最后一件事相当复杂（除非列表实际上只是在点击时从数据库加载的？），但我认为其他一切都应该足够简单。我尝试过各种各样的东西，但没有一件离工作足够近的东西值得在这里发布。

有人能告诉我应该使用什么样的函数，以及大致如何实现它们吗？我不一定需要精确的代码，只需要一个可以使用的框架。（无论如何，在这种情况下我会学到更多。）

ETA：我应该补充一点，我一直在尝试使用window.open（）和window.close（）。我甚至不知道这是否是最好的方法？

不，这并不（至少相对）复杂。您需要的是jQuery和jQueryUI（这些框架只是建议，如果您愿意，可以选择任何其他框架）来实现这一点。所以…

表单在浏览器中打开，其中包含数据库中记录的下拉列表

这个部分很简单，只是一个简单的html表单，上面有select标签和add链接/按钮。您需要一个JavaScript函数来刷新数据库中的选择选项。为此，我建议这个或这个-在网上还有很多其他-帖子。

如果所需选项不在列表中，则用户可以单击链接旁边添加一个新条目到数据库

这将打开一个新窗口，其中包含该条目的附加表格

要做到这一点，最简单的方法是使用jQuery UI对话框小部件打开带有新表单的弹出窗口

单击"提交"后，将运行处理脚本，将此信息插入数据库

在该表单中，您必须使用jQueryAjax通过服务器语言（PHP、ASP.Net、JSP等等）将数据发送到数据库。

处理脚本完成后，窗口将关闭，下拉列表将刷新，以便包含新选项（但不会丢失表单中的任何其他信息）

因此，当数据处理完成时，您可以调用之前创建的刷新选择函数，并关闭ajax success回调上的对话框。此处为示例。

就这样，现在由你决定。希望能有所帮助。