jade / pug选择形式javascript onchange事件

Question

使用Jade中的选择表单，我想在更改所选内容时运行javascript脚本。这是我的玉文件：

block content

  script(type='text/javascript' src="../static/js/form.js")

  label(for="category") Category
  select(name="category").form-control
    option(value="") -- Select Category --
    option(value="trees") Trees
    option(value="fruit") Fruit
    option(value="cars") Cars

这是我简单的javascript文件：

jQuery(document).ready(function () {
    $('category').change(function (e) {
        var value = $('category').val();
        console.log(value);
    });
});

Answer 1

修复此问题：

$(function() {
    $('select[name="category"]').change(function() {
        var $this = $(this);
        console.log($this.val());
    });
});

最好将js文件放在body的底部，以防止在代码等之前加载某些部分时出现不可预测的情况。