Tema: Ocultar campo de texto dependiendo de x valor en campo choice
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 28/05/2018, 20:47
nelson12345
 
Fecha de Ingreso: enero-2010
Ubicación: Colombia
Mensajes: 238
Antigüedad: 14 años, 10 meses
Puntos: 2
Respuesta: Ocultar campo de texto dependiendo de x valor en campo choice
CON HTML PURO

index.html
Código HTML: 
Ver original
  1. <head>
  2. <script type="text/javascript" src="uno.js"></script>
  3. <meta charset="UTF-8">
  4. <title></title>
  5. </head>
  6. <body>
  7. <form>
  8. <select NAME="pg1" onchange="d1(this)">
  9. <option SELECTED>Seleccionar una opción
  10. <option>1
  11. <option>2
  12. <option>3
  13. <option>4
  14. <option value='otro1'>Otro
  15. </select><br>
  16. <br>
  17. <input type='text' id="prg1" name='otro1' value=" " disabled="true"><br />
  18. </form> 
  19. </body>

uno.js
Código Javascript: 
Ver original
  1. function d1(selectTag){
  2.  if(selectTag.value == 'otro1'){
  3. document.getElementById('prg1').disabled = false;
  4.  }else{
  5.  document.getElementById('prg1').disabled = true;
  6.  }
  7. }


CON SYMFONY - TWIG

MascotaType.php

Código PHP: 
Ver original
  1. ->add('colorm','choice', array('choices'=> array(
  2.                 'Negro' => 'Negro', 
  3.                 'Blanco' => 'Blanco', 
  4.                 'Cafe' => 'Cafe', 
  5.                 'Gris' => 'Gris', 
  6.                 'Mixto' => 'Mixto' 
  7.                 ), 'placeholder' => 'Selectccione una opcion...'))            
  8.  
  9.             ->add('mixto')


add.html.twig

<div class="form-group">
{{ form_label(form.colorm, ('Color')) }}
{{ form_widget(form.colorm, {'attr': {'class': 'form-control', 'placeholder' : 'Color(es) de la mascota'}}) }}
<span class="text-danger">{{ form_errors(form.colorm) }}</span>
</div>

<div class="form-group">
{{ form_label(form.mixto, ('Cual?')) }}
{{ form_widget(form.mixto, {'attr': {'class': 'form-control', 'placeholder' : 'Color(es) de la mascota'}}) }}
<span class="text-danger">{{ form_errors(form.mixto) }}</span>
</div>