2013-07-13 20 views
3

有沒有辦法移動html文件之外的表單選擇框的選項?移動當前html文件之外的選項選項?

我正在爲「國家」設置一個表格選擇,如果我在我的HTML文檔中列出每個國家作爲選項,它佔用大量的行,並且在我仍在編輯文檔時很煩人。

<form> 
    <select name="country"> <option>[list of countries here]</option> </select> 
</form> 

在此先感謝!

+2

您可以使用AJAX和PHP/MySQL動態加載它們,例如從數據庫填充它們。示例教程在這裏:http://phpseason.wordpress.com/2013/02/19/dynamic-dependent-select-box-using-jquery-and-ajax/ – edwardmp

回答

2

我強烈推薦使用重新設計的國家選擇器jQuery插件,你可以找到它here

您只需將jquery腳本文件以及您希望的任何自動完成插件(如果您不喜歡它們已提供的插件)一起包含在內,就可以包含這些文件。只需向下滾動並選擇「文檔」選項卡,即可輕鬆解釋如何將其集成到代碼中。

編輯:其實,剛剛注意到重新設計的國家選擇器仍列出所有的國家選項在HTML文件中。由於我是bootstrap框架的用戶,我建議您使用Bootstrap Form Helpers。查看Countries插件,它甚至可以顯示每個國家的標誌!如果您不想使用引導程序,請查找bootstrap-formhelpers-countries.en_US.js和相應的bootstrap-formhelpers-countries.js。然後,閱讀代碼以查看原作者如何將包含所有國家/地區列表的JavaScript變量鏈接到html類。

+0

非常酷!謝謝你。 – SirBdon

0

您還可以在一個很長的行中列出選項標籤。它會使編輯選項標籤變得困難,但是您的文件將更容易被讀取。

相關問題