填寫並添加選擇選項，並同步與數據庫

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。

就是這樣。現在取決於你。希望能幫助到你。