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

Question

我使用PHP和MySQL为PRODUCTS表创建了一个插入和更新表单。

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

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

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

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

这就是我看到它的方式。不知道它是否是最好的UX，但我需要一些帮助。我跪求知道：

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

任何建议，非常感谢。

干杯
道格

Answer 1

Pseuo代码：

1. 加载您的企业名单（因为你这样做）
2. 绑定到该公司的“改变”事件下拉（同你可以根据所选公司更新产品）。当选择的值等于您的“添加新公司”值时，触发灯箱。
3. 灯箱形式将使用AJAX调用的脚本（背景），这将增加新的公司（我也想实现一些错误检查/验证）。
4. 当一个成功的响应来自AJAX回来了，新的公司加入到选择列表中，选择它，然后将值变化应该重新触发您的产品下拉切换。

所有功能于一切，这应该是非常简单的。