javascript - 如何将所选值从jade模板的下拉列表传递到node js中的rest api？

Question

我有一个 Jade 模板，其中有两个下拉菜单和一个加载按钮。我的要求是在按下“加载”按钮时将这两个下拉列表中的选定值传递到我的 Node API。我正在尝试以下代码:

extends layout

block content



    div.container
     h3 <strong>Project</strong> 

        select
         #projects
           each item in projects
            option(value="#{item.project}") #{item.project}

     h3 <strong>Version</strong>

        select
         #projects
          each item in projects
            option(value="#{item.version}") #{item.version}

     a(href="/employee/"+ #{item.project} + "/" + #{item.version} class="btn btn-default")!= "Load"

目前它给我以下错误:

500 语法错误:D:\NodeJS_appls\nodejs-mongodb-crud-table\views\index.jade:22 20|选项("#{item.version}") #{item.version} 21| > 22| a(href="/employee/"+ #{item.project} + "/"+ #{item.version} class="btn btn-default")!= "加载"23| 24|无效或意外的 token

如何将选定的值传递给我的 Node API？

提前致谢。

Answer 1

我不知道您的数据是什么样子，但我可以给您一些提示:

选择应该如下所示

select
  each item in projects
    option(value=item.project) #{item.project}

a 语法应该是这样，但它会抛出错误

a(href="/employee/" + item.project + "/" + item.version class="btn btn-default") Load

因为 item.project 和 item.version 没有在那里定义。显然在 each 循环之外。

模板不会自动采用所选选项值。

您必须通过 javascript 将单击事件绑定(bind)到该按钮。单击时读出所选值并加载其他页面，例如location.href="/employee/"+ ...。