Bootstrap Selectpicker不工作

时间:2013-10-26 14:56:21

标签: twitter-bootstrap-3 prestashop bootstrap-select

我正在使用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 select给我一个错误..可能是没有传递选项值?任何人使用Bootstrap选择并有类似的问题?它一直在为我的一切工作。

提前致谢! 卡尔

2 个答案:

答案 0 :(得分: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>

然后你必须给你的标签一个id,如下所示:

<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>

答案 1 :(得分:0)

问题是标签标签。

我无法使用标签标签......

我不知道为什么:(

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>