引导选择器不工作答案

【问题标题】：Bootstrap Selectpicker Not Working引导选择器不工作
【发布时间】：2021-06-03 14:23:21
【问题描述】：

我正在使用来自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 选择给我一个错误..也许选项值没有被传递？有人使用过 Bootstrap select 并遇到过类似的问题吗？它一直在为我工作。

提前致谢！卡尔

【问题讨论】：

您遇到什么错误？不过，我正在使用带有 ASP.NET 的引导选择。也许我可以帮忙。

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

【解决方案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>

然后又是另一个脚本来启动上面的这个选择器：

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

【讨论】：

【解决方案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>

【讨论】：