Definir un list dentro de una variable

[zerokilled]

pienso que conviene mejor trabajar con DOM que con cualquier otra cosa. a continuacion una muestra:

Código javascript:

<script type="text/javascript">
var players = ["PlayerName:value", "Frank Rivera:FR", "Samuel Eto:SEto", "Arshavin:Ar"].reverse();
 
function createForm(gol){
    if (gol < 1 || gol > 15){
    window.alert("Por favor selecciona no más de 15 entradas.");
    return;
    }
var player = Array.apply(null, players);
var elem = document.getElementById('cust');
while(elem.firstChild) elem.removeChild(elem.firstChild); // clear content;
var select = document.createElement('select');
var div = document.createElement('div');
div.appendChild(select);
    while(player.length){
    var split = player.pop().split(":");
        try{
        select.add(new Option(split[0], split[1]), null);
        }catch(e){ // msie browser;
        select.add(new Option(split[0], split[1]), 0);
        }
    }
 
    while(gol){
    elem.appendChild(div.cloneNode(true));
    --gol;
    }
}
</script>
 
 
Y los forms que imprimen los resultados son estos...
 
<form name=counter style="margin:0; padding:0" action="edit_partido_jornada.php">
<div>Goles:<br />
<input name="gol" type="text" size="5" value="4" />
<input type=button value="+" onclick="createForm(this.form.gol.value);">
</div>
</form>
 
<form name="webform" style="margin:0; padding:0">
<table border=0><tr><td>
<p id="cust" style="position:relative;"></p>
</td></tr></table>
</form>