选择select bootstrap在bootstrap模式中显示两次

Question

Bootstrap Select-box在bootstrap模式向导中多次显示。怎么解决这个问题？图像如下所示：

我从堆栈问题中尝试了很多东西，但没有用。

我的html / php部分如下：

<div class="wizard" id="satellite-wizard" data-title="Create Server">
    <div class="wizard-card wizard-card-overlay" data-cardname="location">
        <div class="wizard-input-section">
        <select name="location" data-placeholder="Monitor nodes" style="width:350px;" class="chzn-select">
            <option value=""></option>
            <option>Atlanta</option>
            <option selected>Chicago</option>
            <option>Dallas</option>
        </select>
        </div>
    </div>
</div>

JS代码

    $(document).ready(function() {
        $.fn.wizard.logging = true;
        var wizard = $('#satellite-wizard').wizard({
            keyboard : false,
            contentHeight : 400,
            contentWidth : 700,
            backdrop: 'static'
        });

        $(".chzn-select").chosen();

        wizard.on('closed', function() {
            wizard.reset();
        });

        $('#open-wizard').click(function(e) {
            e.preventDefault();
            wizard.show();
        });
    });