Question

我正在使用Laravel，并尝试将简单的bootstrap下拉列表合并到刀片模板之一上。

我面临的问题是单击下拉菜单，显示所有选项，但是当单击选项中的某个时，所选选项不会显示为下拉菜单中的选定选项。

我在Google上搜索了一下，发现很少有帖子说Jquery.js之前应该包含bootstrap.js

我正在使用Laravel mix，不确定如何指定要包含在最终app.js文件中的脚本的顺序（如果这是解决我的问题的方法！）

更新：经过一番研究，我发现：

以下下拉菜单不起作用（有趣的是，即使在Bootstrap网站https://getbootstrap.com/docs/4.0/components/dropdowns/#single-button-dropdowns上）：

        <div>
            <div class="dropdown" id="field-mapping-dropdown">
                <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Please select field
                </button>
                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                    <a class="dropdown-item" href="#">item 1</a>
                    <a class="dropdown-item" href="#">item 2</a>
                </div>
            </div>
        </div>

以下方法确实有效：

<div>
    <label for="pillar">Pillar</label>
    <div class="dropdown bootstrap-select margin-left-15px">
        <select name="pillar" id="pillar" class="selectpicker">
            <option value="">Please select</option>
            <option value="">Please select1</option>
            <option value="">Please select2</option>
        </select>
    </div>
</div>

我在require('../../node_modules/bootstrap-select/dist/js/bootstrap-select');内添加了resources/js/app.js

Answer 1

升级到Bootstrap 4.1 +。因为4.0太糟糕了，无法正常工作。甚至文档也不起作用。

好吧，因为这是一个简短的答案，所以您的要求很奇怪。 Mix将自动在您的node_modules文件夹中查找。

import bootstrapSelect from 'bootstrap-select';
//or
require('bootstrap-select');

Bootstrap 4下拉菜单无法显示所选值

1 个答案: