如何將玉器模板的下拉列表中的選定值傳遞給節點js中的rest api？

Question

我有一個Jade模板，其中有兩個下拉菜單和一個Load按鈕。 我的要求是，當按下“加載”按鈕時，將從這兩個下拉列表中選擇的值傳遞給我的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 | option（“＃{item.version}”）＃{item.version} 21 | > 22 | a（href =“ / employee /” +＃{item.project} +“ /” +＃{item.version} class =“ btn btn-default”）！=“加載” 23 | 24 | 無效或意外的令牌

如何將所選值傳遞給我的節點API？

提前致謝。

Answer 1

我不知道您的數據看起來如何，但是我可以給您一些提示：

select應該看起來像這樣

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定義item.project和item.version 。 顯然在each循環之外。

模板不會自動采用選定的選項值。

您必須通過javascript將click事件綁定到該按鈕。 單擊時讀出所選值，然后加載其他頁面，例如location.href="/employee/" + ...