首页 > 解决方案 > 更改 jquery-image-dropdown 插件中的选择选项

问题描述

我想动态清除选择中先前设置的选项列表,并在列表中添加一个新值。选择是使用以下插件构建的:

插件 jquery-image-dropdown 网页

我的 jquery 代码不起作用:

    $('#selector-1').empty();
    $('#selector-1').append($('<option>', {
        value: 1,
        text: 'One'
    }));

标签: jquery

解决方案


根据文档

destroy恢复原来的 dorpdown [原文如此]

var oDropdown = $("#element").msDropdown().data("dd");
oDropdown.destroy()

在您的情况下,以下应该有效:

var selectEl = $('#selector-1');
var dropDownInstance = selectEl.msDropDown().data('dd');

// Destroy/add new options.
dropDownInstance.destroy();

selectEl
    .empty()
    .append($('<option>', {
        value: 1,
        text: 'One'
    }))
    .msDropDown().data('dd');

推荐阅读