如何在不刷新整個頁面的情況下刷新數據綁定下拉列表？

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回來了，新的公司加入到選擇列表中，選擇它，然後將值變化應該重新觸發您的產品下拉切換。

所有功能於一切，這應該是非常簡單的。