使jQuery UI选择菜单"不改变”;'更改'事件

Make jQuery UI Selectmenu "Not change" the value on 'change' event

本文关键字:事件 改变 更改 quot jQuery UI 选择 菜单      更新时间:2023-09-26

我正在使用您可以在此处找到的"fnagel jQuery UI Selectmenu Widget"。当基于某些条件触发更改事件时,我想使小部件不选择新选项

通常这是通过变更事件中的"return false;"来完成的。但它不起作用。我在这里制作了一把小提琴。

有人能帮助我通过不选择更改事件的值来让小提琴工作吗?

谢谢!

您可以手动保存和恢复值,jsfiddle在这里。

  1. 将数据属性添加到您的选择元素:

    data prev selected="1"。。。

  2. 将此代码用于更改事件:

    var someCondition = true; // hardcoded for now
    // Undo new selection
    if ( someCondition ) {
        var prevIdx = $('select#speedA').attr('data-prev-selected');
        $('select#speedA').selectmenu("index", prevIdx);
        return;
    }
    // Save new index
    var idx = $('select#speedA').selectmenu("index");
    $('select#speedA').data('data-prev-selected', idx);