2

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

我想做的是：

  • 表单在浏览器中打开，并带有数据库中记录的下拉列表
  • 如果所需的选项不在列表中，用户可以单击它旁边的链接以将新条目添加到数据库中
  • 这将打开一个新窗口，其中包含此条目的附加表格
  • 单击提交时，将运行处理脚本以将此信息插入数据库
  • 处理脚本完成后，窗口将关闭，下拉列表将刷新以包含新选项（但不会丢失表单中的任何其他信息）

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

有人可以给我一些关于我应该使用的功能以及大致如何实现它们的想法吗？我不一定需要精确的代码，只需要一个可以工作的框架。（无论如何，我会在这种情况下学到更多。）

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

4

1 回答 1

1

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

表单在浏览器中打开，并带有数据库中记录的下拉列表

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

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

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

执行此操作的简单方法是使用jQuery UI 对话框小部件打开带有新表单的弹出窗口。

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

在该表单上，您必须使用jQuery Ajax通过您的服务器语言（PHP、ASP.Net、JSP 等）将数据发送到数据库。这里和这里的一些例子。

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

因此，当数据处理完成后，您调用之前创建的刷新选择函数并关闭 ajaxsuccess回调对话框。这里的例子。

就是这样。现在由你决定。希望能帮助到你。

于 2013-07-24T11:51:21.883 回答