JavaScript - Problemas con onchange

   
Vista:

Problemas con onchange

Publicado por manuel (6 intervenciones) el 14/01/2016 03:48:17
Hola..! tengo un problema con un onchange que quiero hacer pero no se como crear la funcion ya lo intente pero aun no logro concretarla me podrian indicar si ven algun error o como poder hacerlo.

este es mi select

1
2
3
4
5
<select name="number_of_rooms" id="number_of_rooms" onChange="CargarHabitaciones('')">
	<option value="1" selected="selected">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
</select>

este es un pequeño form

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<li id="info_room_1">
	<h4>Habitacion 1</h4>
	Adultos:
	<select name="adults1" id="adults1">
		<option value="1">1</option>
		<option value="2" selected="selected" >2</option>
		<option value="3">3</option>
		<option value="4">4</option>
		<option value="5">5</option>
		<option value="6">6</option>
	</select>
	Menores de 18 años:
	<select  name="children1" id="children1" onChange="CargarMenores('1')">
		<option value="0">0</option>
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
		<option value="5">5</option>
	</select>
	<div id="MNR1">
		Edad(es):
		<select class="form-control" name="MNR11" id="MNR11" class="selectNumero">
			<option value="0">0</option>
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
			<option value="4">4</option>
			<option value="5">5</option>
			<option value="6">6</option>
			<option value="7">7</option>
			<option value="8">8</option>
			<option value="9">9</option>
			<option value="10">10</option>
			<option value="11">11</option>
			<option value="12">12</option>
			<option value="13">13</option>
			<option value="14">14</option>
			<option value="15">15</option>
			<option value="16">16</option>
			<option value="17">17</option>
		</select>
		<select class="form-control" name="MNR12" id="MNR12" class="selectNumero">
			<option value="0">0</option>
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
			<option value="4">4</option>
			<option value="5">5</option>
			<option value="6">6</option>
			<option value="7">7</option>
			<option value="8">8</option>
			<option value="9">9</option>
			<option value="10">10</option>
			<option value="11">11</option>
			<option value="12">12</option>
			<option value="13">13</option>
			<option value="14">14</option>
			<option value="15">15</option>
			<option value="16">16</option>
			<option value="17">17</option>
		</select>
		<select class="form-control" name="MNR13" id="MNR13" class="selectNumero">
			<option value="0">0</option>
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
			<option value="4">4</option>
			<option value="5">5</option>
			<option value="6">6</option>
			<option value="7">7</option>
			<option value="8">8</option>
			<option value="9">9</option>
			<option value="10">10</option>
			<option value="11">11</option>
			<option value="12">12</option>
			<option value="13">13</option>
			<option value="14">14</option>
			<option value="15">15</option>
			<option value="16">16</option>
			<option value="17">17</option>
		</select>
		<select class="form-control" name="MNR14" id="MNR14" class="selectNumero">
			<option value="0">0</option>
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
			<option value="4">4</option>
			<option value="5">5</option>
			<option value="6">6</option>
			<option value="7">7</option>
			<option value="8">8</option>
			<option value="9">9</option>
			<option value="10">10</option>
			<option value="11">11</option>
			<option value="12">12</option>
			<option value="13">13</option>
			<option value="14">14</option>
			<option value="15">15</option>
			<option value="16">16</option>
			<option value="17">17</option>
		</select>
		<select class="form-control" name="MNR15" id="MNR15" class="selectNumero">
			<option value="0">0</option>
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
			<option value="4">4</option>
			<option value="5">5</option>
			<option value="6">6</option>
			<option value="7">7</option>
			<option value="8">8</option>
			<option value="9">9</option>
			<option value="10">10</option>
			<option value="11">11</option>
			<option value="12">12</option>
			<option value="13">13</option>
			<option value="14">14</option>
			<option value="15">15</option>
			<option value="16">16</option>
			<option value="17">17</option>
		</select>
	</div>
</li>

necesito hacer una funcio para que cuando seleccionen 1 habitacion me salga 1 formulario
si seleccion 2 habitaciones que salgan 2 formulario y asi con 3 habitaciones..

ayuda a crear mi onchange
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Problemas con onchange

Publicado por xve (1595 intervenciones) el 14/01/2016 08:41:02
Hola Manuel, una manera sencilla, podria ser así:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script>
function CargarHabitaciones(value)
{
	document.getElementById("MNR11").display="none";
	document.getElementById("MNR12").display="none";
	document.getElementById("MNR13").display="none";
	if(value>0)
		document.getElementById("MNR11").display="block";
	if(value>1)
		document.getElementById("MNR12").display="block";
	if(value>2)
		document.getElementById("MNR13").display="block";
}
</script>

y en el select, tendrias que pasar el valor seleccionado... algo así:
1
<select name="number_of_rooms" id="number_of_rooms" onChange="CargarHabitaciones(this.value)">

Te sirve?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Problemas con onchange

Publicado por arck (74 intervenciones) el 14/01/2016 09:57:37
¿Hay limite de habitaciones a elegir?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar