how to show/hide divs by select.(jquery)

hide, html, jquery, select, show

Solution

$('#select').change(function() {
   $('#form1, #form2, #form3').hide();
   $('#form' + $(this).find('option:selected').attr('id')).show();
});

Do note that IDs should not start with numbers, but the above should do it.

Problem

my code: ``` <select id="select"> <option id="1" value="thai language">option one</option> <option id="2" value="eng language">option two</option> <option id="3" value="other language">option three</option> </select> <div id="form1">content here</div> <div id="form2">content here</div> <div id="form3">content here</div> ``` what i want is to show div #form1 when select option 1 and hide form2+form3, or select option 2 show div#form2 and hide form1+form2

Original source