ドロップダウンメニューの選択に基づいてタブを有効/無効にする

Question

こんにちは、Tab1に5個のドロップダウンアイテムを持つコンボボックスがあり、tab1、tab2、tab3、tab4、tab5.Tab1などの異なるタブが有効になっています。タブは無効モードです。無効なタブでは、異なるテキストボックスが表示されます。私がコンボボックスを持っていて、コンボボックスから、a、b、c、d、eという名前のアイテムがTab1に入っているとします。ドロップダウンメニューから項目dを選択すると、自動的にタブ4または任意のタブに移動します（ドロップダウン項目と同じ順序である必要はありません）。だから今私は2つのタブを有効になってTab1とTab4。しかし、ドロップダウンメニュー（タブ1）からアイテムbなどの他のアイテムを選択すると、タブ1に残り、タブ4は無効になり、Tab4に入力された値も削除されます。このバイオリンを見てください：それは、チェックボックスに同じ機能していますが、それはコンボボックスのために働いていない理由を私は見つけることができません

http://jsfiddle.net/AavsW/6/

？チェックボックスの代わりに私はコンボボックスを保持しましたが、なぜ動作していませんか？

この問題を解決するのを手伝ってください。 ありがとう

Answer 1

このようにすることができます。あなたの助けのための http://jsfiddle.net/AavsW/18/

<select name="porting-p1" class="dropdown"> 
<option value="1" class="disablenext">Please select an option...</option> 
<option value="2" class="enablenext">TERMS 1</option> 
<option value="3" class="enablenext">TERMS 2</option> 
     </select> 

$('.dropdown').change(function() { 
      // enable tab 
     $('#wizard').tabs('enable', $('.dropdown').val()); 
     // select tab 
     $('#wizard').tabs('select', $('.dropdown').val()); 

      // disable tab 
     $('.dropdown option').each(function() 
     { 

         $('#wizard').tabs('disable',$(this).val()); 
     }); 



    });