玉/帕格选择表单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文件到身体的底部防止在代码之前加载某个部分等不可预知的情况。