Question

Hi I have a combo box having 5 drop down items in Tab1 and different tabs are present such as tab1, tab2, tab3, tab4 and tab5.Tab1 is in enabled mode and other tabs are in disabled mode.In disabled tabs different text boxes are present. Suppose I have a combo box and from that combo box items named as a, b, c, d, e are coming in Tab1. If i will select item d from the drop down menus then i will automatically go to tab4 or any tab(need not be the same order as drop down items). So now i have two tabs enabled i.e. Tab1 and Tab4. But if i will select any other items such as item b from the drop down menus(in tab1) then i will stay in tab1 and Tab4 will be disabled and also entered value in Tab4 will be removed. Please have a look at this fiddle:

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

It is working same for check boxes but i cannot find why it is not working for combo box? In place of checkbox i kept combo box but it is not working why?

Please help me to solve this problem.
Thanks

Answer 1

You can do it in this way.
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());
        });



    });