玉/哈巴狗选择表单 javascript onchange 事件答案

【问题标题】：jade/pug select form javascript onchange event玉/哈巴狗选择表单 javascript onchange 事件
【发布时间】：2017-06-01 19:36:24
【问题描述】：

使用 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);
    });
});

【问题讨论】：

标签： javascript forms pug

【解决方案1】：

解决这个问题：

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

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

【讨论】：