JQuery - Datalist que muestre diferentes opciones segun select

 
Vista:
Imágen de perfil de Eduardo Arroyo

Datalist que muestre diferentes opciones segun select

Publicado por Eduardo Arroyo (16 intervenciones) el 29/08/2023 18:45:57
Hola a todos como hago para hacer lo siguiente

tengo un formulario en el cual hay un select con varias opciones y para cada opción existe una serie de documentos especificos obligatorios.

el datalist que tengo solo muestra los mismos para todas las selecciones, como hago para que este datalist sea dinámico y cambie según la el elemento elegido ene le select todo en tiempo real..

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<option value="Licencia de Paternidad">Licencia de Paternidad</option>
  <option value="Ausentismo Sin Justificacion">Ausentismo Sin Justificacion</option>
  <option value="Sancion">Sancion</option>
  <option value="Calamidad Domestica">Calamidad Domestica</option>
</select>
 
<br>
<input name="documento[]" type="text" required id="documento" list="brow" autocomplete="off" placeholder="Nombre del Documento"/>
                <datalist id="brow">
  <option value="Incapacidad">
  <option value="Epicrisis">
  <option value="Anexo">
</datalist>
                  Archivo:
                  <input type="file" name="archivosW[]" id="archivosW"  class="form-control-file archivosWW" accept="application/msword,application/pdf,image/jpeg,image/png"/>
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 Eduardo

Datalist que muestre diferentes opciones segun select

Publicado por Eduardo (16 intervenciones) el 29/08/2023 18:47:03
Este es el codigo Completo arriba se me fue incompleto...

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
<select style="width:80%;" name="motivo" id="motivo"  required="required" class="mibuscador">
  <option value="">Seleccione</option>
  <option value="Enfermedad General">Enfermedad General</option>
  <option value="Accidente Laboral">Accidente Laboral</option>
  <option value="Accidente">Accidente</option>
  <option value="Permiso Remunerado">Permiso Remunerado</option>
  <option value="Licencia No Remunerada">Licencia No Remunerada</option>
  <option value="Vacaciones">Vacaciones</option>
  <option value="Licencia por Luto">Licencia por Luto</option>
  <option value="Licencia de Maternidad">Licencia de Maternidad</option>
  <option value="Licencia de Paternidad">Licencia de Paternidad</option>
  <option value="Ausentismo Sin Justificacion">Ausentismo Sin Justificacion</option>
  <option value="Sancion">Sancion</option>
  <option value="Calamidad Domestica">Calamidad Domestica</option>
</select>
 
<br>
<input name="documento[]" type="text" required id="documento" list="brow" autocomplete="off" placeholder="Nombre del Documento"/>
                <datalist id="brow">
  <option value="Incapacidad">
  <option value="Epicrisis">
  <option value="Anexo">
</datalist>
                  Archivo:
                  <input type="file" name="archivosW[]" id="archivosW"  class="form-control-file archivosWW" accept="application/msword,application/pdf,image/jpeg,image/png"/>
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
Imágen de perfil de Alejandro

Datalist que muestre diferentes opciones segun select

Publicado por Alejandro (15 intervenciones) el 30/08/2023 00:13:05
  • Alejandro se encuentra ahora conectado en el
  • chat de PHP
Puedes agregar un dataset a los option del select con los valores permitidos y cuando se elija la opción deshabilitas los option del datalist que no existan en ese dataset.
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