For dentro de un select

crash_rpm · #1 (**permalink**) 10/06/2015, 16:24

Estoy utilizando esta funcion en un fichero javascript, para repetir campos de un formulario si pulsan un boton.

Código:

function addInput(divName){
          var newdiv = document.createElement('div');
          newdiv.innerHTML = "Entry " + (counter + 1) + " <br><select  name='dia[]' id='dia' title='dia'  style='width:50px;'> <option value='0'>Día</option> <?php for( $i=1;$i<=31;$i++) {       ?> <option value='<?php echo $i; ?>'><?php echo $i; ?></option> <?php  }   ?> </select>";
          document.getElementById(divName).appendChild(newdiv);
          counter++;
    }

Al pulsar el boton se agrega el select pero no sale relleno del 1 al 31.
Supongo que sera porque no puedo hacer uso de la etiqueta php en javascript.
He probado a quitar las etiquetas php y sustituir el echo por document.write pero no funciona:

Código:

          newdiv.innerHTML = "Entry " + (counter + 1) + " <br><select  name='dia[]' id='dia' title='dia'  style='width:50px;'> <option value='0'>Día</option> for( i=1;i<=31;i++) {        <option value='document.write(i); '>document.write(i); </option>   }   </select>";

IsaBelM · #2 (**permalink**) 11/06/2015, 08:01

prueba con esto

Cita:

<?php for( $i=1;$i<=31;$i++) { echo "<option value='".$i."'>".$i."</option>"; } ?>

crash_rpm · #3 (**permalink**) 12/06/2015, 13:07

He probado a escapar las " porque ese codigo ya esta dentro de unas comillas dobles. dentro de newdiv.innerHTML = "Entry " + (counter + 1) + " ";

Pero sigue sin funcionar, ¿estaria bien asi?

Código:

<?php for( $i=1;$i<=31;$i++) { echo '<option value='\".$i.\"'>\".$i.\"</option>'; } ?>

ocp001a · #4 (**permalink**) 12/06/2015, 15:23

Si no me equivoco, estás tratando de ejecutar código php dentro de una función javascript, lo cual no es posible así como lo planteas.

Si para crear o repetir las opciones del select necesitas forzosamente consultar al servidor, deberás hacerlo con ajax.

Si las opciones ya están en pantalla, y sólo debes duplicarlas, es posible recorrer un select, leer sus opciones y crearlas dentro de otro select, pero sin usar php.

document.write funciona antes de que la página sea cargada, ya que una vez que la página está cargada, sólo puedes manipular sus elementos de forma independiente, generalmente haciendo referencia a su id.

IsaBelM · #5 (**permalink**) 14/06/2015, 07:58

no se pueden hacer las cosas con prisas

prueba ahora

Cita:

<?php $opt =""; for( $i=1;$i<=31;$i++) { $opt.= "<option value='".$i."'>".$i."</option>"; } ?>
newdiv.innerHTML = "Entry " + (counter + 1) + " <br><select name='dia[]' id='dia' title='dia' style='width:50px;'> <option value='0'>Día</option><?php echo $opt ?> </select>";

crash_rpm · #6 (**permalink**) 24/06/2015, 12:22

Cita:

Iniciado por IsaBelM

no se pueden hacer las cosas con prisas

prueba ahora

No se me habria ocurrido meterlo en una variable y luego el echo, buena idea.

El problema es que estoy probando a poner solo el for y ha dejado funcionar la funcion.
<?php $opt =""; for( $i=1;$i<=31;$i++) { $opt= "<option value='".$i."'>".$i."</option>"; } ?>

¿Es porque no se puede insertar codigo php en un fichero .js?

IsaBelM · #7 (**permalink**) 24/06/2015, 13:31

Se puede hacer sin problema. De hecho mi codigo anterior lo demuestra. No ha dejado de funcionar, solo que $opt no lo estas asignando a ningun elemento

crash_rpm · #8 (**permalink**) 24/06/2015, 16:18

Lo he puesto tal cual me has dicho, quedaria algo asi:

Código:

var counter = 1;
var limit = 3;
function addInput(divName){
     if (counter == limit)  {
          alert("Has llegado al límite" + counter + " inputs");
     }
     else {
		  <?php $opt =""; for( $i=1;$i<=31;$i++) { $opt.= "<option value='".$i."'>".$i."</option>"; } ?>
          var newdiv = document.createElement('div');
		  newdiv.innerHTML = "Entry " + (counter + 1) + " <br><select name='dia[]' id='dia' title='dia' style='width:50px;'> <option value='0'>Día</option><?php echo $opt ?> </select>";
          document.getElementById(divName).appendChild(newdiv);
          counter++;
     }
}

pero ha dejado de funcionar el boton que agrega el desplegable, antes de modificar esto, si se agregaba pero vacio.

¿He colocado algo mal?
Muchas gracias por tu ayuda.

IsaBelM · #9 (**permalink**) 29/06/2015, 07:19

estás seguro??

Cita:

<!DOCTYPE html>
<head>
<script type="text/javascript" >
var counter = 0;
var limit = 3;
function addInput(divName){
if (counter == limit) {
alert("Has llegado al límite" + counter + " inputs");
}
else {
<?php $opt =""; for( $i=1;$i<=31;$i++) { $opt.= "<option value='".$i."'>".$i."</option>"; } ?>
var newdiv = document.createElement('div');
newdiv.innerHTML = "Entry " + (counter + 1) + " <br><select name='dia[]' id='dia' title='dia' style='width:50px;'> <option value='0'>Día</option><?php echo $opt ?> </select>";
document.getElementById('sels').appendChild(newdiv );
counter++;
}
}
</script>
</head>
<body>

<input type="button" onclick="addInput()" />

<div id="sels"></div>
</body>
</html>

crash_rpm · #10 (**permalink**) 18/07/2015, 04:09

Al final he conseguido poner mi duda en otro tema nuevo. http://www.forosdelweb.com/f179/anad...0/#post4727654

Al poner mucho codigo me pedia que rellenase el captcha y el captcha se ve que no esta funcionando correctamente.