Edit The Code:
See Result »
Try it Yourself - ©
w3ii.com
<!DOCTYPE html> <html> <body> <p>Select a position in the list below to change the div's position.</p> <div id="myDiv" style="top:50px;left:100px;">I am a div element.</div> <select onchange="myFunction(this);" size="4"> <option>absolute <option>fixed <option>static <option>relative </select> <script> function myFunction(x) { var whichSelected = x.selectedIndex; var posVal = x.options[whichSelected].text; var elem = document.getElementById("myDiv"); elem.style.position=posVal; } </script> </body> </html>