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');
    }

但是在更新下拉列表后会丢失所有选项。

我做错了什么？

Answer 1

您需要将选定的插件更新为1.0.0版本。

Jquery选择在“selected：updated”之后删除选项

1 个答案: