骨干JS选择不起作用答案

【问题标题】：backbone JS select won't work骨干JS选择不起作用
【发布时间】：2014-05-06 15:32:15
【问题描述】：

我有一个主干 JS 应用程序，它在 UI 上有一个选择，如下所示：

（模板是用 Jade 编写的）

select.color
  option(value='-1') --select color--
  option(value='0') red
  option(value='1') blue

应用是这样的：

events: 
  'change .color': 'changeColor'

changeColor: () ->
  idx = $(@el).find('.color').val()
  color = $(@el).find('.color').filter(idx).text()
  alert("Color is : #{idx}:#{color}")

但是当我运行它时，它只打印出正确的 idx 而没有文本。我尝试使用$(@el).find('.color').filter(':selected').text() 直接，它也不会工作。有人可以帮忙吗？

【问题讨论】：

标签： backbone.js pug

【解决方案1】：

您想使用 .find() 而不是 .filter() 作为过滤器将过滤选择而不是子选项。所以：

$(@el).find('.color').find(':selected').text()

Ps Backbone 会自动为您添加 find 到视图中：

$(@el).find('.color');

相当于：

@.$('.color')

【讨论】：