javascript - jQuery UI の Selectmenu を「変更」イベントの値を「変更しない」にする

Question

ここにある「fnagel jQuery UI Selectmenu Widget」を使用しています。何らかの条件に基づいて変更イベントが発生したときに、ウィジェットが新しいオプションを選択しないようにします。

通常、これはreturn false;change イベントの ' ' によって達成されます。しかし、それは機能していません。ここでフィドルを作成しました。

変更イベントで値を選択しないことで、フィドルを機能させるのを手伝ってもらえますか?

ありがとう！

Answer 1

jsfiddle hereという値を手動で保存して元に戻すことができます。

1. select 要素に data 属性を追加します。

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