覆盖 jQuery 的选择菜单

Question

当我 select select 菜单上的一个项目时，我想将一些文本附加到 selected 选项。

我不想更改选项的文本，只想更改 .ui-selectmenu-text 元素中显示的文本。

例如，如果选项是

Option A
Option B
Option C

如果我选择第二个，我希望 select 菜单显示 Option B ("some text")

我尝试使用类似

的东西

$.widget("ui.selectmenu", $.ui.selectmenu,
{
    TEST: function()
    {
        console.log("just to check if this happens");
    },
});

TEST 部分在哪里，我试过 _select、_setOption 等等...

Answer 1

我很接近！我就是这样做的

$.widget("ui.selectmenu", $.ui.selectmenu,
{
    _select: function(event, ui)
    {
        this._super(event, ui);

        this.buttonText.text(this.buttonText.text() + "(some text)");
    },
});