Estoy haciendo mi web en php, y resulta que me he visto obligado a usar javascript, unos amigos me aconsejaron que seria mejor usar jquery ya que simplificaba mucho el tema, entonces estoy recien empezando a hacerlo pero llevo mas o menos 4 horas bloqueado con esto, digamos que mi pagina genera div con php y mysql, que genera input con el nombre+0 al infinito, entonces he creado este bucle y estoy haciendo pruebas, en el caso de que tuviera 3 div que son number_weeks0,1,2 entonces me gustaria pasar los datos de esos al div "hola", como para generar un tipo de recibo. El hecho es que me devuelve el valor undefined, alguien sabria decirme en que me estoy equivocando? Muchas gracias de antemano!
Código:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<select name="number_weeks0" id="number_weeks0" style="margin-left:0px; margin-top:20px;">
<option value="0">0</option> <option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select name="number_weeks1" id="number_weeks1" style="margin-left:0px; margin-top:20px;">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select name="number_weeks2" id="number_weeks2" style="margin-left:0px; margin-top:20px;">
<option value="0">0</option> <option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<div id="hola"></div>
<script>
for(i = 0;document.getElementById("number_weeks"+i) != null; i++){
$("#number_weeks"+i).change(function () {
if($("select option:selected").val()!="0"){
var qaz = "#number_weeks"+i;
$("#hola").append("<p>"+$(qaz).val()+"</p>");
}
else {
$("#hola").html().remove();
}
});}
</script>
</body>
</html>
