如何在不刷新整个页面的情况下刷新数据绑定下拉列表？

Question

我使用PHP和MySQL为PRODUCTS表创建了 insert 和 update 表单。

每个表单都包含一个数据绑定SELECT字段，用于查询要填充的COMPANIES表。

每个公司的记录ID在PRODUCTS表中用于按公司分组产品。

我需要找到一种方法，允许用户在添加产品时添加新公司。

我希望用户能够从下拉列表中选择“添加新内容”并触发包含“添加公司”表单的灯箱。他们会添加他们的公司名称提交该表格，灯箱将关闭。这将触发刷新COMPANIES下拉列表并选择传递的值。

这就是我的看法。不确定它是否是最好的UX，但我需要一些帮助。我跪下来知道：

1。如何从SELECT字段中的OPTION触发灯箱。
2.如何将添加公司表单放在灯箱中 3.如何使用新值刷新原始表单上的COMPANIES SELECT字段。同时保留以前在其他字段中输入的任何值。

非常感谢任何建议。

干杯
道格

Answer 1

Pseuo代码：

1. 加载公司列表（就像你一样）
2. 绑定到公司下拉列表中的“更改”事件（与根据所选公司更新产品的情况相同）。当select的值等于“Add new company”值时，触发灯箱。
3. 灯箱形式将使用AJAX调用脚本（在后台）添加新公司（我也会实现一些错误检查/验证）。
4. 当从AJAX返回成功的响应时，将新公司添加到选择列表中，选择它，然后值更改应重新触发您的产品下拉菜单以进行切换。

总而言之，它应该非常简单。