javascript - jade/pug 选择表单 javascript onchange 事件

Question

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

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 底部，以防止在代码等之前加载某些部分时出现不可预知的情况。