时间戳

首页 > 解决方案 > 我如何获取下拉列表的输入值，并将其发布到 app.get 的 select 中？

node.js - 我如何获取下拉列表的输入值，并将其发布到 app.get 的 select 中？

问题描述

例子：

<select id="dcVal" class="custom-select my-1 mr-sm-2" name="dc" required>
  <option selected value="">Choose...</option>
    <% data.forEach(function(datas){ %>
              <option name="designCurrent" value="<%= datas.xyz %>"><%= datas.xyz %></option>
              <% });%>
 </select>


var express = require('express'); 
var bodyParser = require('body-parser');
var app = express(); 
app.get('/myform', function(req, res){ 
    var dcVal = req.body.dc; //mytext is the name of your input box
    res.send('Your Text:' +dcVal); 
}); 
app.listen(3000);

我想将选择的选定值放入

应用程序.get

标签： node.jsajaxexpress

解决方案

这是从 html 元素获取值并将其记录在 get route 中的方法

<script>
$(document).ready(function(){
    $('#categoryBox').click(function(){
        var catID = $('#categoryBox').val();
        //   Note the url below. It adds catid=(#categoryBox value from above).
        $.ajax({
            type:'GET',
            url:'/test?catid=' + catID,
            dataType:'json',
            success: function(data){
                $('#games').empty();
                for (var i = 0; i < data.length; i++){
                    $('#games').append('<option>'+data[i].gamename+'</option>')
                }
            }
        });
    });
});
</script>


var express = require("express");
var app = express();
var mysql = require("mysql");
var path = require('path');


app.set("view engine","ejs");
var bodyParser = require("body-parser");
app.use(bodyParser.urlencoded({extended: true}));
app.use(express.static("public"));
var con;

var catid = req.query.catid;    // Get the catid value from the url.

app.get("/",function(req,res){
    con.query("SELECT DISTINCT category FROM gameinfo",function(err,result){
        if(err) throw err;
        res.render('home',{result:result});
    });
});
//**part it says "3pk" needs to be dynamic** 
app.get("/test",function(req,res){
    //  Query uses the value from the url.
    con.query("SELECT DISTINCT gamename FROM gameinfo WHERE category ='" + catID + "'",function(err,result){
        if(err) throw err;
        res.send(result);
    });
});

推荐阅读