Javascript Jquery Selected删除“后的选项”；选择：更新；

我用选择的插件和两个按钮以不同的方式选择值。 以下是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>

但更新后，下拉列表将丢失所有选项

---

我做错了什么？

您需要将所选插件更新为新版本

onZoomButtonIncrClick: function () {

        ... Some actions ...

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