Bootstrap Selectpicker Not Working

Question

Я использую bootstrap-select от http://silviomoreto.github.io/bootstrap-select/.

Я использую код в Prestashop как селектор страны следующим образом;

{elseif $field_name eq "country" || $field_name eq "Country:name"} 
       <p class="required select"> 
        <div class="form-group"><label for="id_country" class="col-lg-2 col-md-2 col-sm-2 control-label">{l s='Country'} <sup>*</sup></label> 
        <div class="col-lg-10 col-md-10 col-sm-10"><select name="id_country" id="id_country" class="selectpicker"> 
         {foreach from=$countries item=v} 
         <option value="{$v.id_country}"{if (isset($guestInformations) AND $guestInformations.id_country == $v.id_country) OR (!isset($guestInformations) && $sl_country == $v.id_country)} selected="selected"{/if}>{$v.name|escape:'htmlall':'UTF-8'}</option> 
         {/foreach} 
        </select></div></div> 
       </p> 

Это оригинал.

{elseif $field_name eq "country" || $field_name eq "Country:name"} 
       <p class="required select"> 
        <label for="id_country">{l s='Country'} <sup>*</sup></label> 
        <select name="id_country" id="id_country"> 
         {foreach from=$countries item=v} 
         <option value="{$v.id_country}"{if (isset($guestInformations) AND $guestInformations.id_country == $v.id_country) OR (!isset($guestInformations) && $sl_country == $v.id_country)} selected="selected"{/if}>{$v.name|escape:'htmlall':'UTF-8'}</option> 
         {/foreach} 
        </select> 
       </p> 

Я пытаюсь выяснить, почему Bootstrap выбрать дает мне error..maybe значение опции не передается дальше? Кто-нибудь использовал Bootstrap select и имел аналогичную проблему? Он работал на все остальное для меня.

Заранее благодарен! Carl

Answer 1

Попробуйте следующее, это сработало для меня после тысяч испытаний и ошибок.

Прежде всего, вы должны связать следующие скрипты в теге:

<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type='text/javascript' src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
<script src="http://www.bootply.com/plugins/bootstrap-select.min.js"></script> 

Тогда вы должны дать тег идентификатор, следующим образом:

<select id="combo1" class="selectpicker" data-style="btn-danger"> 
<option data-hidden="true">Choose Option</option> 
<option value="one">One</option> 
<option value="two">Two</option> 
<option value="three">Three</option> 

Тогда еще один сценарий, чтобы инициировать этот selectpicker выше:

<script> 
$(document).ready(function() { 
     $("#combo1").selectpicker ({});  
    }); </script> 

Answer 2

Проблема заключается в ярлыке метки.

я не могу заставить его работать с тегом этикетки ...

Я не знаю, почему :(

echo "<td> 
     <label for='".$value1['id_news']."_Cat'>Catégorie</label> 
     <select id='".$value1['id_news']."_Cat' name='".$value1['id_news']."_Cat' class='selectpicker' data-width='150px'> 
      <option value='0'>G&eacute;n&eacute;ral</option>"; 

      // Affiche toutes les catégories 
      foreach($aCat as $sCat) { 
       echo "<option value='".$sCat['cat_id']."'>".$sCat['cat_nom_fr']."</option>"; 
      } 

echo "</select> 
    </td>