Проблема в следующем: Есть элемент формы select и есть какая-то абстрактная картинка. Как по нажатию на картинку открыть (развернуть) содержимое select? Код (Text): <img name="pic1" id="pic1" src="1.jpg"> <form name="f1" id="f1"> <select id="sel" name="sel"> <option value="val1">значение 1</option> <option value="val2">значение 2</option> <option value="val3">значение 3</option> </select> </form> Подскажите, пожалуйста!
HTML: <script type="text/javascript"> function aaa() { if(document.getElementById('sel').size!==1) { document.getElementById('sel').size=1; } else { document.getElementById('sel').size=document.getElementById('sel').length; } } function sss() { document.getElementById('sel').size=1; } </script> <style type="text/css"> #dropdown { position:absolute; } </style> <img name=pic1 id=pic1 src="1.jpg" onClick="aaa()"> <form name=f1 id=f1> <div id=dropdown><select id=sel> <option value=val1 onClick="sss()">option 1</option> <option value=val2 onClick="sss()">option 2</option> <option value=val3 onClick="sss()">option 3</option> </select></div> </form> asdasfsd<br> asdasd<br> dasdasdad<br> asdasdasd