<!doctype html> <html> <head> <!-- Estilos CSS --> <style type="text/css"> .Marco { border:1px solid #CCC; display:table } #ObjetoMargen { background-color:#09F; border:1px solid #CCC; } </style> <script type="text/javascript"> function CambiarMargen() { document.getElementById("ObjetoMargen").style.marginLeft = ObtenerMargenCheck("ChLeft"); } function ObtenerMargenCheck(ID) { var Combo = document.getElementById(ID); return Combo.options[Combo.selectedIndex].innerHTML; } </script> </head> <body> <div class='Marco'> <code>margin-left:</code> <select id='ChLeft' onChange="CambiarMargen()"> <option value ="0">1px</option> <option value ="1">5px</option> <option value ="2">10px</option> <option value ="3">25px</option> </select> <code>;</code> </div> <br /> <div class='Marco'> <div id='ObjetoMargen'>Objeto</div> </div> </body> </html> Actualización en 5sEsc para cancelar Alt+A para actualizar