如何从单行表中获取数据并在javascript中显示为pug

我想显示表中唯一一行，该行的学生ID由用户提交到表单中。我尝试了各种各样的方法，但都没有成功。请帮我解决这个问题。如何做到这一点，我还提到了我想要什么，我得到了什么我提到了我的全部代码请检查我的视图/databyd.jade>>编写完整的问题在这方面帮助我

我想要什么> 提交的ID为1

我得到的> 提交的ID为1

这是我的 App.js

这是我的>>>视图/databyid.jade

doctype html
html(lang='en')
  head
    style.
      table {
      font-family: arial, sans-serif;
      border-collapse: collapse;
      width: 100%;
      }
      td, th {
      border: 1px solid #dddddd;
      text-align: left;
      padding: 8px;
      }
      tr:nth-child(even) {
      background-color: #dddddd;
      }
    title Dashboard
  body
    h1(style='text-align:center;') API - 1       
    table.table.table-striped
      tbody
        tr
          th Student ID
          th Name
          th Age
          th Roll No
          th Class
        
      each n in students
        tr
          td= n.ID
          td= n.name
          td= n.age
          td= n.rollno
          td= n.class

这是我的>>视图/dashboard.jade

doctype html
html(lang='en')
  head
    style.
      table {
      font-family: arial, sans-serif;
      border-collapse: collapse;
      width: 100%;
      }
      td, th {
      border: 1px solid #dddddd;
      text-align: left;
      padding: 8px;
      }
      tr:nth-child(even) {
      background-color: #dddddd;
      }   
    title Dashboard 
  body
    h1(style='text-align:center;') API - 1
    table.table.table-striped
      tr
        th Students ID
        th Name

      each n in students
        tr
          td= n.ID
          td= n.name
    h1(style='text-align:center;') API - 2
    |    
    form(name='form1', method='POST', action='/fetchstudent')
      table
        tr
          td Enter Student ID
          |         
          td
            input#stID(type='number', name='id', required='')
        |         
        tr
          td(colspan='2')
            input(type='submit', value='Save')

---

太多了！！请就我的解决方案给出最佳答案

doctype html
html(lang='en')
  head
    style.
      table {
      font-family: arial, sans-serif;
      border-collapse: collapse;
      width: 100%;
      }
      td, th {
      border: 1px solid #dddddd;
      text-align: left;
      padding: 8px;
      }
      tr:nth-child(even) {
      background-color: #dddddd;
      }   
    title Dashboard 
  body
    h1(style='text-align:center;') API - 1
    table.table.table-striped
      tr
        th Students ID
        th Name

      each n in students
        tr
          td= n.ID
          td= n.name
    h1(style='text-align:center;') API - 2
    |    
    form(name='form1', method='POST', action='/fetchstudent')
      table
        tr
          td Enter Student ID
          |         
          td
            input#stID(type='number', name='id', required='')
        |         
        tr
          td(colspan='2')
            input(type='submit', value='Save')

// Try this //
    
    app.post('/fetchstudent', function(req, res) {
    var userinput = Number(req.body.id);
    console.log(userinput);
    var isMatch = false;
    
    students.forEach(function(user) {
    if (user.ID === req.body.id) {
      var stud=[];
      stud.push(user);
    console.log("success");
    res.render('databyid', { students: stud});
    isMatch = true;
    }
    });
    if (!isMatch) {
    // only logs once even though there are multiple users
    console.log("No Match!");
    } 
    });