显示隐藏的选择类型使用javascript

Question

我symfony框架工作，我有两个选择类型：

第二选择最初是隐藏的，并相对于第一价值选择第二个选择将显示：对于我试图做到这$：

脚本

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.type-produit ').change(function() { 
    if ($('select[id$="_type"]>option:selected').text() == "Unité") 
    { $('.hidden ').show(); } 
    }); 
}); 
</script> 

FormType

$formMapper 
->add('type','choice', array(
    'choices' => array('Kg' => 'Kg', 'Unité' => 'Unité'), 
    'label' => 'Type de vente', 
    'attr' =>array('class'=>'type-produit') 
)) 

->add('soustype',HiddenType::class, array(
    'data' => ['Liquide'=>'Liquide','Autres'=>'Autres'], 
    'label' => 'Sous types', 
    'attr'=>array('class'=>'hidden') 
)) 

但第二选择仍然没有显示，有人可以帮助我吗？感谢所有

Answer 1

更改soustype场choice类型（HiddenType场呈现为<input type="hidden">），那么你就可以隐藏或显示在脚本领域。

FormType

... 
->add('soustype', 'choice', array(
     'choices' => ['Liquide'=>'Liquide','Autres'=>'Autres'], 
     'label' => 'Sous types', 
     'attr' => array('class'=>'soustype') 
)) 

脚本

$(document).ready(function() { 
    $('.soustype').hide(); 

    $('.type-produit ').change(function() { 
     if ($('select[id$="_type"]>option:selected').text() == "Unité") { 
      $('.soustype ').show(); 
     } 
    }); 
});