[monolithed]

<style type="text/css" media="all">
select {width: 100px;}
</style>

<script type="text/javascript">
window.onload = function(){
    document.getElementsByName('form1')[0].appendChild(document.createElement('select'));

    for(var i=0; i<10; i++){
        var option = document.createElement('option');
        option.style.background = '#'+i+i+i+i+i+i;
        document.getElementsByTagName('select')[0].appendChild(option);
    }
};
</script>

<form name="form1" action="">
</form>

<form name="form2" action=""> 
    <input type="text" /> 
</form>