Dropdown html displaying divs -
i wanting create javascript drop down website , want display divs underneath.
<select name="portfolio"> <option id="1">option 1</option> <option id="2">option 2</option> <option id="3">option 3</option> <option id="4">option 4</option> </select> <div id="1"><img src="url" alt="blah blah blah"/></div> <div id="2"><img src="url" alt="blah blah blah"/></div> what javascript code need work? appreciated! have looked @ many others can't seem work.
see jsfiddle link demo
<select name="portfolio"> <option>none</option> <option value="1">option 1</option> <option value="2">option 2</option> </select> <div id="1" style="display:none;"><img src="img1" alt="blah blah blah"/></div> <div id="2" style="display:none;"><img src="img2" alt="blah blah blah"/></div> var old_id $(function(){ $("select").change(function(){ $('div').css('display','none'); $('#'+$(this).val()).css('display','block'); }); });
Comments
Post a Comment