Javascript to hide selected option

Question

I have this code to hide selected options:

function connect()
{
    $(\".selectbox option\").show();
    $(\".selectbox\").each(function(i) { 
        var obj =          


        

Answer 1

You already have the selected option in your selector - no need to find option - as that will return you an empty array

$('.selectboxes option:selected').hide();
// get rid of .find('option')

To exempt this value.. I'm guessing you're referring to the selected value.. you can use :not as undefined stated

$(".selectbox option:not(:selected)").show();

You can take out the inline onChange since you are using jQuery.. and bind the change event handler to the select elements on dom ready

$(function(){
    $('select').change(function(){   
       var $sel = $('option:selected'); // get all selected options
       $('option').show(); // show all options
       $sel.each(function(i,v){ // loop through selected options
           var $index = $(v).index(); // get index of selected option
           $('select').not($(this).parent()).each(function(){  // loop through other select - not current one       
               if($index != 0){ // not default index
                   $(this).find('option').eq($index).hide(); // hide selected option in other dropdowns
               }
           });
       });    
    }).change(); // <-- trigger change right away
});

http://jsfiddle.net/VE7jA/