Symfony：データベースエントリを持つドロップダウン選択に依存するフォーム要素を隠す/表示する

Question

私のタイトルが適切であることを願っています：私はEntityTypeとしてフォームから来て、値はエンティティクラスからのものです。コード：

->add('type', EntityType::class, array(
     'class' => 'DocumentBundle:DocumentType', 
     'label' => 'label.type', 
     'property' => 'translationKey', 
     'required' => true, 
     'multiple' => false, 
     'expanded' => false, 
     'empty_value' => 'label.select_type', 
     'choice_translation_domain' => 'Documents' 
    )) 
    ->add('vka_number', 'text', array(
     'label' => 'label.vka_number', 
     'required' => false, 
     'translation_domain' => 'Documents')) 

秒1は、そのドロップダウンリストから特定の値が私の小枝テンプレートで を選択したときに、私はのみ表示するテキストフィールド（vka_number）がある私は、要素のレンダリング：

<div class="row"> 
    <div class="col-md-6" id="documentDropdown"> 
    {{ form_row(form.type) }} 
    </div> 

    <div class="col-md-6" id="vka"> 
    {{ form_row(form.vka_number) }} 
    </div> 
</div> 

私はそのようなJavaScript関数を考えていた：

<script> 
    $(document).ready(function(){ 
    $('#documentDropdown').on('change', function(){ 
     if (this.value == 'Contract') 
     { 
     $('#vka').show(); 
     } 
     else { 
     $('#vka').hide(); 
     } 
    }); 
    }); 
    </script> 

が、それは働いていないと私はそれはトン以来のドロップダウンから値にアクセスすることはできませんので、これがあると思いますちょっとハードコードされていませんが、データベースエントリです。 'Contract'は、vka_numberテキストフィールドを表示させるエントリ（id = 1）です。

Answer 1

ここに最終的に私の問題を解決した私のjavascriptの機能です。

$(document).ready(function() { 
    $('#type ').change(function() { 
     if ($('select[id$="_type"]>option:selected').text() == "Contract") { 
      $('#vka_number ').show(); 
     } 
     else { 
      $('#vka_number').hide(); 
     } 
    }); 
}); 

Answer 2

your previous question Sonjaからhtmlコードをコピーしました。あなたは同じ質問を続けているようです。私はこのjsfiddleでそのコードを使用：

https://jsfiddle.net/alvinbunk/to9qodwx/

あなたは間違っているかを把握するためにあなたのjQueryのコードを試してjsfiddleを使用することができます。あなたが見ることができるように、コードは機能し、vkaのid divisionを隠します。値はデータベースのものであるという事実とはまったく関係がありません。 HTMLコード内のさまざまな要素にIDが重複していないことを確認してください。レンダリングされたコードを表示するには、ブラウザで「ビューソース」を使用します。

私はこの回答で少なくとも15分を費やしましたが、もう1つは15-30分でした。 StackOverflow上の人は非常に忙しいことに注意してください。あなたの質問を非常にはっきりと聞くのは良いことです。

---

EDIT＃2 - コメント

に基づき、このjQueryのコードを使用します。

<script> 
$(document).ready(function(){ 
$('#documentDropdown').on('change', function(){ 
    if (this.value == '1') 
    { 
    $('#vka').show(); 
    } 
    else { 
    $('#vka').hide(); 
    } 
}); 
}); 
</script> 

動作する必要があること。