如何將bootstrap表單助手國家選擇器插入表單？

我如何在上面插入引導程序插件到我的窗體。我將所有必需的文件導入到我的表單文檔中。而我只插入這段代碼。我從來沒有寫過任何js代碼。但這是行不通的。如何將bootstrap表單助手國家選擇器插入表單？

<div class="bfh-selectbox bfh-countries" data-country="US" data-flags="true"> 
</div>

在這裏我的國家選擇器鏈接。對我的問題有任何想法嗎？

http://bootstrapformhelpers.com/country/#example4

來源

2014-09-19 Nadishan

包括bootstrap嗎？你有沒有包含jQuery？你能分享你的全部來源嗎？ – pbenard 2014-09-19 10:40:20

要使其工作，你應該添加鏈接到CSS，哪些應該在服務器上預先下載的引導表單helper庫的JS文件

<link href="css/bootstrap-form-helpers.min.css" rel="stylesheet"> 
<script src="js/bootstrap-formhelpers.min.js"></script>

請仔細閱讀此頁http://bootstrapformhelpers.com/gettingstarted/#jquery-plugins

來源

2014-09-19 08:46:54 zavg

我已經這樣做了。但不起作用 – Nadishan 2014-09-19 09:17:03

如何使用腳本設置國家 – dhaya 2016-02-28 04:08:18

是您的index.html全部：

<!-- Bootstrap --> 
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 

<!-- Bootstrap Form Helpers --> 
<link href="css/bootstrap-form-helpers.min.css" rel="stylesheet" media="screen"> 

<!-- jQuery --> 
<script src="js/jquery-1.10.2.min.js"></script> 

<!-- Bootstrap --> 
<script src="js/bootstrap.min.js"></script> 

<!-- Bootstrap Form Helpers --> 
<script src="js/bootstrap-formhelpers.min.js"></script>

來源

2014-09-20 12:33:36 ibrahimyilmaz

這對你來說可能已經太遲了，但是我發現它在另一個問題上，它適用於我：

<div id="countries_states2" class="bfh-selectbox bfh-countries" data-country="US" data-flags="true"> 
     <input form='form1' type="hidden" value="" required> 
     <a class="bfh-selectbox-toggle" role="button" data-toggle="bfh-selectbox" href="#"> 
       <span class="bfh-selectbox-option input-medium" data-option=""></span> 
       <b class="caret"></b> 
     </a> 
     <div class="bfh-selectbox-options countries" > 
       <div role="listbox"> 
         <ul role="option"> 
         </ul> 
       </div> 
     </div> 
</div>

來源

2015-05-11 16:32:27 tiaNaturally

如何將bootstrap表單助手國家選擇器插入表單？

回答

相關問題