coffeescript - coffeescript の変更時に div が表示されない

Question

特定のオプションが選択されていない限り、フォーム内のオプションを非表示にしたいのですが、コーヒー スクリプトが機能していないようです。次のようになります。

jQuery ->
  $('.input.boolean.optional').hide()
  selected = $('#stand_type :selected').text()
  value = "Microphone"
  $('#stand_type').change ->
      $('.input.boolean.optional').show() if selected is value

このコードは正しくコンパイルされます。はい、IDとクラスセレクターを認識しています。divにクラスを与えるだけのsimple_formを使用しているため、コードが異なります。これが、非表示にするときにIDではなくクラスを使用しているためです。私のフォームのhtmlは次のようになります。

Answer 1

スクリプトのロジックが間違っています。更新前の値のチェックは常に空になるため、スクリプトは次のようになります。

jQuery ->
  $('.input.boolean.optional').hide()
  value = "Microphone"
  $('#stand_type').change ->
    selected = $('#stand_type :selected').text()
    $('.input.boolean.optional').show() if selected is value