index.html
5.53 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
<!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?",
});
$("#id_arealaboral").mutarSelect({
valueselector:"¿Otra forma, Cual?",
});
$("#id_dedicacionem").mutarSelect({
valueselector:"¿Otra, 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 mutarselect" 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_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>
</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>
</select></td></tr>
<table>
<input id="terminar" type="submit" name="terminar" value="Terminar">
</form>
</body>
</html>