javascript - 選択されたJqueryは、「chosen:updated」の後にオプションを削除します

Question

選択したプラグインと 2 つのボタンを使用して、さまざまな方法で値を選択します。html マークアップは次のとおりです。

<div class="navigator-buttons-container common-scale-tool-shadow">
            <div class="scale-tool-buttons" id="zoomButtonDecr" style="border-left: 1px solid rgba(110,110,110,0.6);">
                <div class="scale-tool-minus-button"></div>
            </div>
            <div style="float: left; width: 80px;" id="zoomContainer">
                <select class="scale-value-field chosen" id="zoomDropdown" tabindex="-1" data-placeholder="100%" style="width: 80px">
                    <option></option>
                    <option value="1.5">150%</option>
                    <option value="1.25">125%</option>
                    <option value="1">100%</option>
                    <option value="0.75">75%</option>
                    <option value="0.5">50%</option>
                    <option value="0.25">25%</option>
                </select>
            </div>
            <div class="scale-tool-buttons" id="zoomButtonIncr" style="border-right: 1px solid rgba(110,110,110,0.6);">
                <div class="scale-tool-plus-button"></div>
            </div>
        </div>

ドロップダウンのデフォルト フィールド テキストを更新するために、次の js 関数を使用します。

onZoomButtonIncrClick: function () {

        ... Some actions ...

        this.$el.find("#zoomDropdown").attr('data-placeholder', (self.currentZoom * 100) + '%');
        this.$el.find("#zoomDropdown").trigger('chosen:updated');
    }

しかし、ドロップダウンを更新すると、すべてのオプションが失われます。

私が間違っていることは何ですか？