Definir un list dentro de una variable

[cartonista]

Saludos, tengo este code en una variable javascript....

data = data + "<input name=" + 'jugador' + i + " size=8 type='text'><br>";

Y quisiera que en ves del input fuera un list, es decir que tenga estos argumentos...

<select name="select">
<option>Hola</option>
<option>Hola1</option>
<option>Hola2</option>
</select>

En la variable data, en la parte que dice + i + es una incursion de un bucle que tiene esto....

for (i=1; i <= gol; i++) {
if (i < 10) spaces=" ";
else spaces=" ";
data = data + "<input name=" + 'jugador' + i + " size=8 type='text'><br>";
}

[zerokilled]

algo como lo siguiente?

Código javascript:

data = data.concat("<option value='jugador", i, "' size='8'>Jugador", i, "</option>");
 

[cartonista]

Iniciado por zerokilled

algo como lo siguiente?

Código javascript:

data = data.concat("<option value='jugador", i, "' size='8'>Jugador", i, "</option>");
 

Pero necesito que el bucle arroje los selecc que tendran multiples opciones, en este code, marca un option, pero necesitaria el <select>, el cual ya se lo agrege, pero no da.

[zerokilled]

no se si comprendi bien cuando dices arrojar los select, queras decir que en cada iteracion del bucle se escriba el option en pantalla? o sea, algo como:

Código javascript:

document.write("<select name='select'>");
for (i=1; i <= gol; i++) {
document.write("<option value='jugador", i, "' size='8'>Jugador", i, "</option>");
}
document.write("</select>");
 

[cartonista]

Digamos que, tengo un campo de texto en el que se especifican los goles anotados, supongamos que le ponemos 4, ya que se anotaron 4 goles, al ponerle el numero al campo de texto...

Se abren 4 select con los nombres de todos los jugadores del equipo, para que en cada list, se seleccion a los anotadores de los 4 goles...

Ejemplo....

Goles = 4
list1 = Gol 1 = Ronaldinho
list2 = Gol2 = Roben Van Persie
list3 = Gol 3 = Raul Gonzales
list4 = Gol 4 = Lio Messi

Asi quedaria seleccionado, pero todos los list tendrian digamos estos....

Ronaldinho
Zidane
Raul
Messi
Xavi
Sergio Ramos

Y de este list, se seleccionarian a los 4 que anotaron los goles, espero haberme explicado, es para un sistema de estadisticas que ando haciendo.

[zerokilled]

mis disculpa, creo aun sigo sin entender tu vocabulario. tienes que hacer el select multiple:

Código html:

<select mutltple='multple' ...>...</select>
 

y para seleccionar los jugadores que anotaron tienes que aplicalr selected:

Código html:

<option selected='selected' ...>...</option>
 

ahora bien, de donde obtienes la informacion para determinar quienes fueron los jugadores que anotaron? el campo que indica la anotacion solo indica cuantos jugadores fueron, pero como los identificaras?

[cartonista]

Ahh mira, hize un ejemplo en imagen...



Algo asi ando haciendo.

[cartonista]

Por eso en la variable

data = data + "<input name=" + 'jugador' + i + " size=8 type='text'><br>";

Es donde se almacena un campo de texto, con campos de textos si me funciona, pero quiero hacerlo con listas de menus como se muestra en pantalla, pero no he conseguido hacer bien la concatenacion

El code completo es este....

<SCRIPT LANGUAGE="JavaScript">
function createForm(gol) {
data = "";
inter = "'";
if (gol < 16 && gol > -1) {
for (i=1; i <= gol; i++) {
if (i < 10) spaces=" ";
else spaces=" ";
data = data + "<input name=" + 'jugador' + i + " size=8 type='text'><br>";
if (document.layers) {
document.layers.cust.document.write(data);
document.layers.cust.document.close();
}
else {
if (document.all) {
cust.innerHTML = data;
}
}
}
else {
window.alert("Por favor selecciona no más de 15 entradas.");
}
}
</script>


Y los forms que imprimen los resultados son estos...

<form name=counter style="margin:0; padding:0" action="edit_partido_jornada.php">
<div align="left"><font class="Estilo20 Estilo26">Goles:</font>
<input name=gol type=text id="gol" size=5>
<input type=button value="+" onClick="createForm(counter.gol.value);">
</div>
</form>
<form name="webform" style="margin:0; padding:0">
<table border=0>
<tr><td>
<span id=cust style="position:relative;"></span>
</td>
</tr>
</table>
<div align="left"></div>
</form>

[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>
 

[cartonista]

Muchas gracias, lo hize del modo en el que lo venia haciendo y me funciono perfecto, quedando de este modo...

data = data + "Gol " + i + " :" + spaces
+ "<select name='golde" + i + "'><option>Samuel Eto</option><option>Frank Rivery</option</select><br>";

Y me queda perfecto, ya solo cojo los valores de los option con algo asi...

$anotador1=$_REQUEST['golde1'];
$anotador1=$_REQUEST['golde1'];

Asi definiria previamente las variables para que cojan valores del option, de cualquier modo el tuyo tambien va, gracias.