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 和类选择器，它们在代码中是不同的，因为我使用的是 simple_form，它只给 div 一个类，这就是为什么在隐藏它时我使用的是类而不是 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