Question

我目前正在开发一个Jade / NodeJS应用程序，该应用程序不响应选择选项控件的onClick函数。您可以在以下内容中看到index.jade：

extends layout

block content
  .jumbotron 
    h1 JSON Attribute Changer              
  .row    
    .col-md-4
      h2 Select the document
      p Use this control to select which form you want to update:     
      select.Documents.btn.btn-default        
          a.dropdown-toggle(data-toggle="dropdown")
            | Documents
            span.caret
          ul.dropdown-menu(name="documentSelector")
            each document in documents             
              option(type="option", onClick='getAttributes()') #{document._id}

getAttributes（）函数在layout.jade文件中定义：

doctype html
html
  head
    meta(charset='utf-8')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    title #{title} - Utilities
    link(rel='stylesheet', type='text/css', href='/stylesheets/bootstrap.min.css')
    link(rel='stylesheet', type='text/css', href='/stylesheets/style.css')
    script(src='/javascripts/modernizr-2.6.2.js')

    script.
      function getAttributes() {
        console.log('something')
      }

  body
    etc, etc, etc.

select选项控件是从Mongo数据库中的条目动态创建的（工作正常）。如何将onclick函数附加到创建的每个选择选项控件。另外，作为奖励，我怎样才能使用所选择的选项的值来从Mongo中检索其完整的json文档以用于字段填充？

任何和所有帮助都很棒！

编辑：

我刚刚更改了layout.jade中的Javascript代码以反映以下内容：

script.
      $('#DocumentOptions').change(function() {
        var val = $("#DocumentOptions option:selected").text();
        alert(val);
      });

我还在select控件中添加了一个ID，如下所示：

  select.Documents.btn.btn-default#DocumentOptions        
      a.dropdown-toggle(data-toggle="dropdown")
        | Documents
        span.caret
      ul.dropdown-menu(name="documentSelector")
        each document in documents             
          option #{document._id}

我仍然没有得到回复。我没有任何运行该块JS的浏览器插件。此外，我已检查浏览器控制台和节点控制台无济于事。

NodeJS，Jade应用程序未运行OnClick函数

0 个答案: