estiqueta <SELECT> consulta <OPTION>

jmm87 · #1 (**permalink**) 23/11/2012, 08:21

hola buenos dias:

como hago para en html hacer estos option desde el 1 al 100 sin escribir tanto codigo?

<label name="cantidad" id="cantidad">Cantidad:
<form action="pedidos.php">
<select>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</form>
</label>

caricatos · #2 (**permalink**) 23/11/2012, 09:30

Hola:

Puedes usar algún lenguaje "web", preferntemente del servidor (asp, php, perl...)

Saludos

memoadian · #3 (**permalink**) 23/11/2012, 09:49

Ejemplo php

Código PHP:

Ver original<select>
<?php for($i = 1; $<=100 $i++): ?>
    <option vlaue="<?php echo $i ?>"><?php echo $i ?></option>
<?php endfor; ?>
</select>

jmm87 · #4 (**permalink**) 23/11/2012, 10:32

Cita:

Iniciado por memoadian

ejemplo php

Código php:

Ver original<select>
<?php for($i = 1; $<=100 $i++): ?>
    <option vlaue="<?php echo $i ?>"><?php echo $i ?></option>
<?php endfor; ?>
</select>

ya lo pruebo. Gracias!!

hackjose · #5 (**permalink**) 23/11/2012, 11:21

Puedes usar zen coding
http://zen-coding.ru/demo/

escribe

option*100 y despues precionas ctrl + ,

saludos

emprear · #6 (**permalink**) 23/11/2012, 20:33

También podés hacerlo con javascript, este es muy típico

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>selects dinámicos</title>
 
<style type="text/css">
/* <![CDATA[ */
select.s {
 height:400px;
 width:120px;
 font-size: 11px;
}
 
/* ]]> */
</style>
 
<script type="text/javascript">
//<![CDATA[
var texto_mes=['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sept','Oct','Nov','Dic'];
function crear_fecha(campo_minutos,campo_hora,campo_dia, campo_mes){
//var hoy=new Date()
var campo_minutos=document.getElementById(campo_minutos);
var campo_hora=document.getElementById(campo_hora);
var campo_dia=document.getElementById(campo_dia);
var campo_mes=document.getElementById(campo_mes);
 
for (var i=0; i < 60; i++){
campo_minutos.options[i]=new Option(i, i);
}
 
for (var i=0; i < 24; i++){
campo_hora.options[i]=new Option(i, i);
}
 
for (var i=0; i < 31; i++){
campo_dia.options[i]=new Option(i+1, i+1);
}
 
for (var m=0; m < texto_mes.length; m++){
campo_mes.options[m]=new Option(texto_mes[m], m+1)
}
}
//]]>
</script>
</head>
<body>
<form method="post" action="#">
<select name="minutos" id="minutos" multiple="multiple" class="s">
<option value=""><!-- fix w3c --></option>
</select>
<select name="horas" id="horas" multiple="multiple" class="s">
<option value=""><!-- fix w3c --></option>
</select>
<select name="dias" id="dias" multiple="multiple" class="s">
<option value=""><!-- fix w3c --></option>
</select>
<select name="meses" id="meses" multiple="multiple" class="s">
<option value=""><!-- fix w3c --></option>
</select>
<!-- una variante -->
<script type="text/javascript">
//<![CDATA[
document.write('<select onchange="if(this.value != \'\'){alert(this.value)};">\n');
document.write('<option value="">Seleccionar 1 al 50<\/option>\n');
for (var z=0; z < 50; z++){
document.write('<option value="' + (z+1) +'">' + (z+1) + '<\/option>\n');
}
document.write('<\/select>\n');
//]]>
</script>
</form>
<script type="text/javascript">
//<![CDATA[
window.onload=function(){
crear_fecha("minutos","horas","dias", "meses")
}
//]]>
</script>
</body>
</html>

saludos