javascript - 使 jQuery UI 选择菜单“不更改”“更改”事件的值

Question

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

通常这是由return false;change 事件中的 ' ' 完成的。但它不起作用。我在这里创建了一个小提琴。

有人可以通过不选择更改事件的值来帮助我使小提琴工作吗？

谢谢！

Answer 1

您可以手动保存和恢复值，jsfiddle here。

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