HTML - Desactivar parte de un formulario con menu dropdown

   
Vista:

Desactivar parte de un formulario con menu dropdown

Publicado por Pantera72 misnegocioscr@gmail.com (1 intervención) el 29/09/2012 22:40:28
Hola a todos!

Estoy haciendo un formulario en HTML y necesito que cuando el usuario seleccione una opción en un menu dropdown una parte del formulario quede desactivada, es decir, que se deshabilite o que se oculte del usuario. Necesito que me ayuden indicandome como puedo hacer esto con javascript y HTML. Yo no tengo ningun conocimiento de javascript, si pudieran ayudarme en base al codigo que les dejo , genial.

Lo que necesito es que en la opción que dice "¿Are you on disability? *, (que esta justo antes de las letras rojas ) cuando el usuario marque la opcion NO en el menu dropdown, solamente los espacios que se soliciten abajo en "Medical Information" hasta donde dice "End Medical Information" queden habilitados, y los que siguen no, o que desaparezcan, lo que sea más sencillo.

Pueden ver el codigo en tiempo real aquí: http://htmledit.squarefree.com/

Este es el codigo fuente del formulario:

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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<style type="text/css">
body {
background-color: #000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-size: 16px;
color: #CCC;
}
 
#aaa {
background-color: #666;
font-size: 16px;
font-weight: bold;
color: #00F;
}
 
#bbb {
font-size: 20px;
color: #F00;
text-decoration: blink;
}
 
</style>
</head>
<body id="main_body" >
<div id="form_container">
 
 
</div>
<li id="li_127" > Are you on disability? *
<div id="disability">
<select class="element select medium" id="element_17" name="disability">
<option value="" selected="selected"></option>
<option value="Yes" >Yes</option>
<option value="NO" >No</option>
</select>
</div>
 
<div id="bbb">
<p align="left"><b>If the question "Are you on disability?" is NO, please go down to Medical information please leave the rest in blank</b></p>
</div>
<li id="li_137" > May I ask who your Primary Insurance is with? ( If other, say Thanks and good bye )
<div id="Pinsurance">
<select class="element select medium" id="element_17" name="Pinsurance">
<option value="" selected="selected"></option>
<option value="Medicare" >Medicare</option>
<option value="Other" >Other</option>
</select>
</div>
<div id="aaa">Medical Information
<li id="li_147" > Do you test your Blood Sugar at Home?
<div id="testblood">
<select class="element select medium" id="element_17" name="testblood">
<option value="" selected="selected"></option>
<option value="Yes" >yes</option>
<option value="No" >No</option>
 
</select>
</div>
<li id="li_157" > How many times a day do you test?
<div id="times">
<select class="element select medium" id="element_17" name="times">
<option value="" selected="selected"></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>
</select>
</div>
<li id="li_911" >Can I have the Name of the Testing Meter that you are currently using?
<div>
<input id="meter" name="meterbrand" class="element text medium" type="text" maxlength="255" value=""/>
</div>
<li id="li_157" > Do you get your testing supplies through mail or your local pharmacy?
<div id="supplies">
<select class="element select medium" id="supplies" name="supplies">
<option value="" selected="selected"></option>
<option value="Mail" >Mail</option>
<option value="Pharmacy" >Pharmacy</option>
</select>
</div>
<li id="li_157" > What amount of supplies do you have remaining?
<div id="amount">
<select class="element select medium" id="amount" name="amount">
<option value="" selected="selected"></option>
<option value="2 Weeks" >2 Weeks</option>
<option value="1 Month" >1 Month</option>
<option value="2 Months" >2 Months</option>
<option value="3 Months" >3 Months</option>
<option value="6 Months" >6 Months</option>
</select>
</div>
<li id="li_167" > At this point is it necessary for you to be using insulin?
<div id="insulin">
<select class="element select medium" id="insulin" name="insulin">
<option value="" selected="selected"></option>
<option value="Yes" >Yes</option>
<option value="No" >No</option>
</select>
</div>
</li>	 <li id="li_166" > Best time to contact you?
<div id="BT">
<select class="element select medium" id="element_16" name="best_time">
<option value="" selected="selected"></option>
<option value="Morning" >Morning</option>
<option value="Afternoon" >Afternoon</option>
<option value="Evenings" >Evenings</option>
</select>
</div>
<li id="li_1699" > What is your favorite color?
<div>
<input id="color" name="color" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</div>
<div id="aaa">End Medical Information
</div>
<li id="li_159" > Medicare claim Number of Patient? *
<div>
<input id="claim" name="claim" class="element text medium" type="text" maxlength="255" value=""/>
</div>
<li id="li_160" > Do you have a secondary insurance provider? *
<div>
<input id="secunday" name="secundary" class="element text medium" type="text" maxlength="255" value=""/>
</div>
<div id="aaa">Doctor's Information
</div>
<li id="li_161" > Dr. Last Name *
<div>
<input id="drlastname" name="drlastname" class="element text medium" type="text" maxlength="255" value=""/> 
</div>
<li id="li_162" > Dr. First Name *
<div>
<input id="drfirstname" name="drfirstname" class="element text medium" type="text" maxlength="255" value=""/>
</div>
<li id="li_7" > Dr.State *
<div>

</select>
</div> 
</li>	

<li id="li_164" > Dr. Zip Code *
<div>
<input id="drzip" name="drzip" class="element text medium" type="text" maxlength="255" value=""/> 
</div>
<li id="li_165" > Dr. Address *
<div>
<input id="draddress" name="draddress" class="element text medium" type="text" maxlength="255" value=""/> 
</div>
<li id="li_170" > Dr. City *
<div>
<input id="drcity" name="drcity" class="element text medium" type="text" maxlength="255" value=""/> 
</div>
<li id="li_172" > Dr. Phone *
<div>
<input id="drphone" name="drphone" class="element text medium" type="text" maxlength="255" value=""/> 
</div>
<li id="li_173" > Dr. Fax *
<div>
<input id="drfax" name="drfax" class="element text medium" type="text" maxlength="255" value=""/> 
</div>	 <li id="li_174" > Dr. NPI *
<div>
<input id="drnpi" name="drnpi" class="element text medium" type="text" maxlength="255" value=""/> 
</div>
<li class="buttons">
<input type="hidden" name="form_id" value="455398" />

<input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
</li>
</ul>
</form>	
<div id="footer"></div>
</div>
</body>
</html>


Así puedo eliminar la advertencia en letras rojas que dice "If the question "Are you on disability?" is NO, please go down to Medical information please leave the rest in blank"

Espero haberme podido explicar bien! es que yo no tengo conocimientos de java aun, les doy las gracias por ayudarme
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

Desactivar parte de un formulario con menu dropdown

Publicado por xve (1178 intervenciones) el 30/09/2012 10:00:14
Hola, puedes utilizar el evento click algo así:
1
onclick="document.getElementById('idElemento').style.display='none'"


De esta manera, le quitas el display al identificador que indiques.

Coméntanos, si te sirve, ok?
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