Jquery <select> block for option one

Question

I have a code like this:

<select name="aa"> <option>a</option> <option>b</option> <option>c</option> </select> 

There is a way to stop the opening of my entire form and make the show only first select in this example only <? p>

Thanks in advance ciao h

Answer 1

remove all other parameters using the filter :gt(0) (0) is the index as follows:

  $("select[name='aa'] option:gt(0)").remove(); 

or disable them as follows:

  $("select[name='aa'] option:gt(0)").attr("disabled", "disabled"); 

and select the element with the filter :eq(0) (0) is the index as follows:

  $("select[name='aa'] option:eq(0)").attr("selected", "selected"); 

the opposite can be done using the filter :not :

 $("select[name='aa'] :not(option:gt(0))").attr("disabled", "disabled"); 

or :lt :

 $("select[name='aa'] option:lt(1)").attr("disabled", "disabled"); 

just assign an empty string .attr("disabled", ""); or .attr("selected", ""); to remove the attribute setting.

the violin is here

flip / flop values ​​I think you need a second (hidden) choice:

the violin is here

 // hide items var src = $("select[name='aa'] option:eq(0)"); var tar = $("select[name='ab']").hide(); tar.append(src.clone()) src.remove(); //reshow items: src = $("select[name='ab'] option:eq(0)"); tar = $("select[name='aa']") tar.prepend(src.clone()) src.remove(); 

Answer 2

what? Do you want to select the default option? Try using the selected attribute in option a

 <option selected>a</option> 

or make a non-selectable choice:

 <option disabled>a</option> 

Answer 3

You can do it:

 $("select[name='aa']").val($("select[name='aa'] option:first").val()); 

Answer 4

you can disable the ones you don't want to select, or you can change their css display, for example:

 $('select[name="aa"] option').not(':first').css('display','none'); 

if you want to automatically set the default value and don’t let anyone change it, you can set the value of the first one and then disable the entire select element so that no one changes it:

 $('select[name="aa"]') // set the value of the first option .val($('select[name="aa"] option:first').val()) // disable the select element so that no one can alter it value .attr('disabled','disabled');