幼虫を動的に変更する方法

Question

私はTVシリーズでウェブアプリを作っています。私は、名前、作成者、ジャンルなどの異なる基準を持つシリーズを検索するためのフォームを作成したいと思います...

動的に2番目の入力を変更したいと思います。名前でシリーズを検索したい場合、入力はテキストフィールドです。ジャンル別に検索する場合は、2番目の入力はチェックボックスです。

マイコード：

 <!-- Ouverture du formulaire de recherche de série --> 
     {!! Form::open() !!} 

     <!-- Choix du type de recherche de série --> 
     <div class="form-group"> 
      <center>{!! Form::label('Type de recherche') !!}</center> 
      {!! Form::select('recherche', ['N' => 'Recherche par nom', 
              'G' => 'Recherche par genre', 
              'R' => 'Recherche par réalisateur'], 
      'G', ['class' => 'recherche select']); !!} 
     </div> 

     <!-- Champs de saisie du nom de la série recherchée --> 
     <div class="form-group nom"> 
      <center>{!! Form::label('Nom de la série recherchée') !!}</center> 
      {!! Form::text('nom', null, array('required', 'class'=>'form-control', 'placeholder'=>'Nom de la série')) !!} 
     </div> 

     <!-- Liste des checkboxs pour la recherche de séries par genre --> 
     <div class="form-group genre"> 
      <center>{!! Form::label('Nom du genre recherché') !!}</center> 
      Action{!! Form::checkbox('action', 'action') !!} 
      Western{!! Form::checkbox('western', 'western') !!} 
     </div> 

     <!-- Liste des checkboxs pour la recherche de séries par réalisateur --> 
     <div class="form-group realisateur"> 
      <center>{!! Form::label('Nom du réalisateur recherché') !!}</center> 
      Spielberg{!! Form::checkbox('Spielberg', 'Speilberg') !!} 
      Hanks{!! Form::checkbox('Hanks', 'Hanks') !!} 
     </div> 

     <!-- Bouton d'envoi du formulaire de recherche de série --> 
     {!! Form::submit('Rechercher', array('class'=>'btn btn-primary')) !!} 
     <!-- Fermeture du formulaire de recherche de série --> 
     {!! Form::close() !!} 

これは、コードが動的に第2の入力を変更しないJS。

あなたが変更イベントのすべてをバインドする必要があり

if($('.recherche').val() != 'N'){ 
    $('.nom').hide(); 
} 
if($('.recherche').val() != 'G'){ 
    $('.genre').hide(); 
} 
if($('.recherche').val() != 'R'){ 
    $('.realisateur').hide(); 
} 

Answer 1

：私は検索のオプションを変更したとき、私はページに来るとき3入力が表示されていた、それは動作しません

$(".recherche").change(function() { 
    ..... 
});