index.html
6.05 KB
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
<!doctype html>
<html lang="us">
<head>
<meta charset="utf-8">
<title>jQuery Mutable Select Plugins Example</title>
<script src="js/jquery-1.10.2.js"></script>
<script src="js/jquery.mutable.js"></script>
<script>
$(document).ready(function(){
$("#id_lengua").mutarSelect({
valueselector:"Otra",
});
$("#id_trabajasactual").mutarSelect({
valueselector:"Otra",
});
$("#id_trabajasactual").mutarSelect({
valueselector:"No, ¿Por que?",
});
$("id_cencontrabajo").mutarSelect({
valueselector:"¿Otra forma, Cual?",
});
});
</script>
<style>
body{
font: 62.5% "Trebuchet MS", sans-serif;
margin: 50px;
}
</style>
</head>
<body>
<h1>Welcome to jQuery Plugin example</h1>
<div class="ui-widget">
<p></p>
</div>
<h1>YOUR COMPONENTS:</h1>
<form id="datos" action="" method="post">
<table>
<tr><th><label for="id_lengua">Lengua:</label></th><td><select id="id_lengua" required="true" class="form-control mutarselect" name="lengua">
<option value=""></option>
<option value="Castellano">Castellano</option>
<option value="Tseltal">Tseltal</option>
<option value="Tsotsil">Tsotsil</option>
<option value="Ch'ol">Ch'ol</option>
<option value="Tojolabal">Tojolabal</option>
<option value="Zoque">Zoque</option>
</select></td></tr>
<tr><th><label for="id_ciudad">Ciudad de nacimiento:</label></th><td><input id="id_ciudad" type="text" name="ciudad" maxlength="120" /></td></tr>
<tr><th><label for="id_municipio">Municipio de nacimiento:</label></th><td><input id="id_municipio" type="text" name="municipio" maxlength="120" /></td></tr>
<tr><th><label for="id_estado">Estado de nacimiento:</label></th><td><input id="id_estado" type="text" name="estado" maxlength="120" /></td></tr>
<tr><th><label for="id_titulado">¿Ya te titulaste?</label></th><td><select id="id_titulado" required="true" class="form-control" name="titulado">
<option value="" selected="selected"></option>
<option value="True">SI</option>
<option value="False">NO</option>
</select></td></tr>
<tr><th><label for="id_rectitulacion">¿Requieres titularte?</label></th><td><select id="id_rectitulacion" required="true" class="form-control mutarselect" name="rectitulacion">
<option value="" selected="selected"></option>
<option value="True">SI</option>
<option value="False">NO</option>
</select></td></tr>
<tr><th><label for="id_trabajasactual">¿Tabajas actualmente?</label></th><td><select id="id_trabajasactual" required="true" class="form-control mutarselect" name="trabajasactual">
<option value="" selected="selected"></option>
<option value="Si">Si</option>
</select></td></tr>
<tr><th><label for="id_tencontrabajo">¿Cuánto tiempo tardaste en encontrar trabajo?</label></th><td><select id="id_tencontrabajo" required="true" class="form-control" name="tencontrabajo">
<option value="" selected="selected"></option>
<option value="Menos de 3 meses">Menos de 3 meses</option>
<option value="De 3 a 6 Meses">De 3 a 6 Meses</option>
<option value="De 6 a 9 Meses">De 6 a 9 Meses</option>
<option value="De 9 a 12 Meses">De 9 a 12 Meses</option>
<option value="Más de 1 año">Más de 1 año</option>
<option value="Aún no cuentas con empleo">Aún no cuentas con empleo</option>
</select></td></tr>
<tr><th><label for="id_cencontrabajo">¿Cómo conseguite el trabajo?</label></th><td><select id="id_cencontrabajo" required="true" class="form-control" name="cencontrabajo">
<option value="" selected="selected"></option>
<option value="Relaciones personales">Relaciones personales</option>
<option value="Bolsa de trabajo de la Universidad">Bolsa de trabajo de la Universidad</option>
<option value="Bolsa de trabajo externas">Bolsa de trabajo externas</option>
<option value="Entregando Curriculums">Entregando Curriculums</option>
<option value="Concurso de selección">Concurso de selección</option>
<option value="Durante el servicio social">Durante el servicio social</option>
<option value="Ofresiendo mis servicios independientes">Ofresiendo mis servicios independientes</option>
</select></td></tr>
<tr><th><label for="id_dencontrabajo">Dificultades para conseguir trabajo:</label></th><td><input id="id_dencontrabajo" type="text" name="dencontrabajo" maxlength="120" /></td></tr>
<tr><th><label for="id_arealaboral">En el área laboral te desarrollas en:</label></th><td><select id="id_arealaboral" required="true" class="form-control mutarselect" name="arealaboral">
<option value="" selected="selected"></option>
<option value="En empleos profecionales que requien de la formación de su carrera">En empleos profecionales que requien de la formación de su carrera</option>
<option value="En empleos profecionales que no requieren de la formación de su carrera">En empleos profecionales que no requieren de la formación de su carrera</option>
<option value="En empleos que no requieren de una profeción">En empleos que no requieren de una profeción</option>
<option value="otra">Otra, ¿Cual?</option>
</select></td></tr>
<tr><th><label for="id_dedicacionem">Tiempo de dedicación en el empleo:</label></th><td><select id="id_dedicacionem" required="true" class="form-control mutarselect" name="dedicacionem">
<option value="" selected="selected"></option>
<option value="Tiempo completo">Tiempo completo</option>
<option value="Medio tiempo">Medio tiempo</option>
<option value="Eventual">Eventual</option>
<option value="otra">Otra, ¿Cual?</option>
</select></td></tr>
<tr><th><label for="id_formacionprofecional">¿Consideras que tu formacion profecional es?</label></th><td><select id="id_formacionprofecional" required="true" class="form-control mutarselect" name="formacionprofecional">
<option value="" selected="selected"></option>
<option value="Excelente">Excelente</option>
<option value="Buena">Buena</option>
<option value="Regular">Regular</option>
<option value="Insatisfactoria">Insatisfactoria</option>
</select></td></tr>
<table>
<input id="terminar" type="submit" name="terminar" value="Terminar">
</form>
</body>
</html>