Как показать скрыть текстовое поле, когда что-то выбрано из раскрывающегося списка.

Question

Мой вопрос: если я выберу что-то в своем раскрывающемся списке, как ABS, когда выбрано ABS, как я могу получить текстовое поле для получения дополнительной информации для ввода. То, что у меня сейчас, не работает ... Любая помощь очень ценится!

Это мой app.js

$(document).ready(function(){ 

$('#indirect_id').change(function() { 
    var indirect_id = $(this).val(); 
    if(indirect_id == 'ABS'){ 
     $('#sick_comment').show(); 
    } 
    else{ 
     $('#sick_comment').hide(); 
    } 
    }); 

Это мой взгляд

.row-fluid 
    =simple_form_for @entry, :url => url_for(:controller => 'entry', :action => 'create'), :method => :post do |f| 

%table.table.table-bordered.table-striped{:style => 'table-layout:fixed; width:100% !important;'} 
    %th.lt Indirect Code: 
    %td.lt= f.input_field :indirect_id, :as => :select, :label => false, :collection => ['PD', 'VAC', 'ABS'], :id => 'indirect_id', :input_html => {:value => ''} 


    %th.lt Optional Comment 
    %td.lt= f.text_field :sick_day, :label => false, :id => 'sick_comment', :input_html => {:value => ''} 

%table.table.table-bordered.table-striped{:style => 'table-layout:fixed; width:100% !important;'} 
= f.button :submit, "Submit", :class => 'btn btn-primary', :style => 'margin-left:50px;' 

Answer 1

Если это полный текст вашего app.js, то вы пропускаете закрывающую скобку и скобки:

$(document).ready(function(){ 
    $('#indirect_id').change(function() { 
     var indirect_id = $(this).val(); 
     if(indirect_id == 'ABS'){ 
      $('#sick_comment').show(); 
     } 
     else{ 
      $('#sick_comment').hide(); 
     } 
     }); 
    });