javascript - 使 jQuery UI Selectmenu "Not change"成为 'change' 事件的值

Question

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

通常这是通过更改事件中的“return false;”来完成的。但它不起作用。我创建了一个 fiddle这里。

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

谢谢!

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