Ocultar campo de texto dependiendo de x valor en campo choice

nelson12345 · #1 (**permalink**) 28/05/2018, 20:23

Buenas noches. Tengo un campo choice con x valores pero necesito (con plentillas .twig) que cuando elija la opcion "Mixto" del campo tipo choice se habilite o se muestre un campo tipo texto para que el usuario lo diligencie manualmente. Tengo este codigo en .html con javascript:

nelson12345 · #2 (**permalink**) 28/05/2018, 20:47

CON HTML PURO

index.html

Código HTML:

Ver original<head>
<script type="text/javascript" src="uno.js"></script>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form>
<select NAME="pg1" onchange="d1(this)">
<option SELECTED>Seleccionar una opción
<option>1
<option>2
<option>3
<option>4
<option value='otro1'>Otro
</select><br>
<br>
<input type='text' id="prg1" name='otro1' value=" " disabled="true"><br />
</form> 
</body>

uno.js

Código Javascript:

Ver originalfunction d1(selectTag){
 if(selectTag.value == 'otro1'){
document.getElementById('prg1').disabled = false;
 }else{
 document.getElementById('prg1').disabled = true;
 }
}

CON SYMFONY - TWIG

MascotaType.php

Código PHP:

Ver original->add('colorm','choice', array('choices'=> array(
                'Negro' => 'Negro', 
                'Blanco' => 'Blanco', 
                'Cafe' => 'Cafe', 
                'Gris' => 'Gris', 
                'Mixto' => 'Mixto' 
                ), 'placeholder' => 'Selectccione una opcion...'))            
 
            ->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>