Guillermo Moguel / jquery-mutable

Blame view

index.html 6.05 KB
edit raw normal view history
a8763fd27   Guillermo Moguel   Inicio de desarrollo 
1
2
3
4
5
6
7
8
 
  <!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>
35d5ac987   Guillermo Moguel   actualizado a plu... 
9
 
          $(document).ready(function(){
a8763fd27   Guillermo Moguel   Inicio de desarrollo 
10
 








35d5ac987
 
 Guillermo Moguel
 
actualizado a plu...




11
12
13




              $("#id_lengua").mutarSelect({
                  valueselector:"Otra",
              });









a8763fd27
 
 Guillermo Moguel
 
Inicio de desarrollo




14












35d5ac987
 
 Guillermo Moguel
 
actualizado a plu...




15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30




              $("#id_trabajasactual").mutarSelect({
                  valueselector:"Otra",
              });
  
              $("#id_trabajasactual").mutarSelect({
                  valueselector:"No, ¿Por que?",
              });
  
  
              $("id_cencontrabajo").mutarSelect({
                  valueselector:"¿Otra forma, Cual?",
              });
                         
             
              
          });









a8763fd27
 
 Guillermo Moguel
 
Inicio de desarrollo




31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47




  	</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>









35d5ac987
 
 Guillermo Moguel
 
actualizado a plu...




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




  
  <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&#39;ol">Ch&#39;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">









a8763fd27
 
 Guillermo Moguel
 
Inicio de desarrollo




123




  </form>









35d5ac987
 
 Guillermo Moguel
 
actualizado a plu...




124












a8763fd27
 
 Guillermo Moguel
 
Inicio de desarrollo




125
126




  </body>
  </html>