填写并添加选择选项，并同步与数据库

Question

我非常新的JavaScript和我挣扎落实这个我不认为应该是很复杂的。

我想要做的是：

• 形式是开放与记录的下拉列表的浏览器在数据库
• 如果所需的选项不在列表中，用户可以点击一个链接旁边的新条目添加到数据库中
• 这将打开一个新的窗口，找到相关
• 上点击提交处理脚本的另一种形式将运行到这一信息插入到数据库中
• 当处理脚本已经完成，窗口将关闭并且下拉列表将刷新，使其包含新的选项（但不失形式的任何其他信息）

也许那过去的事情与列表刷新相当复杂（除非列表实际上只是从点击数据库加载），但我认为其他所有内容都应该足够简单。我尝试了各种各样的东西，但没有足够接近的工作值得在这里发布。

有人能给我一些关于我应该使用的功能和大致如何实现它们的想法吗？我不一定需要精确的代码，只需要一个框架。 （我将学习更多在这种情况下反正。）

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

Answer 1

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

形式是在一个数据库中

这部分很简单，只是一个简单的HTML表单与select标签和add链接与记录的下拉列表浏览器中打开/按钮就可以了。您将需要JavaScript函数来刷新数据库中的选择选项。为此，我建议this或this - 有在网络上许多人 - 职。

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

这将打开一个新的窗口，另一种形式的此项

最简单的方式做到这一点是使用jQuery UI Dialog Widget打开弹出新形式。

上点击提交处理脚本将运行到这一信息插入到数据库

该表单，你将不得不使用jQuery Ajax通过你的服务器端语言（PHP，ASP将数据发送到数据库.Net，JSP，不管...）。一些示例here和here。

当处理脚本已经完成，窗口将关闭并且下拉列表将刷新，使其包含新的选项（但不失形式的任何其他信息）

所以当数据处理完成后，您可以调用之前创建的刷新选择功能，并关闭ajax回调对话框。示例here。

就是这样。现在取决于你。希望能帮助到你。