lista/menu duplicar opciones en una nueva lista/menu[jquery]

SirDuque · #1 (**permalink**) 14/09/2011, 09:47

Hola chicos, tengo un problema...

con jquery puedo crear la cantidad de campos o objetos que necesite el usuario en el form (siempre que sea predeterminado por mi).

Ahora tengo un problema dentro de esta form tengo que agregar una lista/menu o un select como prefieran.-

este select se arma con PHP por la informacion que trae del usuario.

es posible copiar un este select y duplicarlo en donde lo necesite...

voy agregar un poquito mas de informacion.

con jquery-1.4.1.min.js y este js puedo crear muchos campos....

Código Javascript:

Ver originalfunction agregar() {
                var nextindice;
                var tilde;
                tilde="'";
                nextindice= indice + 1;
     $("#mascampos").append('<tr><td> <input type="text" name="nombre' + indice + '"></td></tr>');
                indice ++;  
    }

si no entienden por favor pregunte.
Gracias a todos.

SirDuque · #2 (**permalink**) 14/09/2011, 11:34

Lo que necesito es algo parecido a esto:

pero en este caso, no me carga en todos los select....

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
 function listamenu()
  {
    var s1=document.getElementById('conceptos');
    s1.options[0]=new Option("Bilbo","0","0");
    s1.options[1]=new Option("Bermio","1","0");        
    s1.selectedIndex=0;
  }
</script>
</head>
<body onLoad="listamenu()">
<form name="formu" id="formu">
<select name="concepto1" id="conceptos">
</select><br>
<select name="concepto2" id="conceptos">
</select><br>
<select name="concepto3" id="conceptos">
</select><br>
 
</form>
</body>
</html>

despues con JQuery creo solo:

Código HTML:

Ver original<select name="concepto3" id="conceptos">
</select><br>

y en alguno OnFocus="listamenu()";

Pero como dije: este script, esta mal ya que solo carga el primer select con ID conceptos...

SirDuque · #3 (**permalink**) 14/09/2011, 11:52

Agradesco al dolacito.com.ar me copi de su script.
despues en php cambio los valores.

Código HTML:

Ver original<html>
<head>
<script language="javascript" type="text/javascript">
    var opciones="<option value=\"1\">1</option>\n<option value=\"2\">2</option>\n<option value=\"3\">3</option>\n<option value=\"4\">4</option>\n";
    function write(s) { document.write(s); }
</script>
</head>
 
<form name="formu" id="formu">
<select name="concepto1" id="conceptos">
<script language="JavaScript" type="text/JavaScript">write(opciones);</script>
</select><br>
<select name="concepto2" id="conceptos">
<script language="JavaScript" type="text/JavaScript">write(opciones);</script>
</select><br>
<select name="concepto3" id="conceptos">
<script language="JavaScript" type="text/JavaScript">write(opciones);</script>
</select><br>
 
</form>
</body>
</html>