Get selected option value in node.js with using express

Question

I need to get the selected object using express to console it in app.js

example.html

 <form id="tableForm" action="getJson">
        <select class="example" name="example">
              <option name="" value="0" selected>Select table</option>
              <option name="table1" value="1">Table 1</option>
              <option name="table2" value="2">Table 2</option>
              <option name="table3" value="3">Table 3</option>
        </select>
    </form>

App.js

var express = require('express'),
app = express();

app.use(express.bodyParser());

 app.get('/', function(req, res){
  res.sendfile('views/index.html');
});

app.get('/getJson', function (req, res) {
   console.log(req.body.example);
});

app.listen(3000, function(){
    console.log('Server running at port 3000: http://127.0.0.1:3000')
});

The output of the console is undefined even if I select another object.

Hi, What's the output in selecting another option (with value 2 for exemple) ? — BENARD Patrick
– BENARD Patrick, Commented Jan 1, 2019 at 22:12

Sridhar · Accepted Answer · 2019-01-02 04:07:18Z

6

You need to add handler for the post method on form submission.

app.js

app.post('/getJson', function (req, res) {
   console.log(req.body.example);
});

example.html

<form method="post" id="tableForm" action="getJson">
  <select class="example" name="example">
      <option name="" value="0" selected>Select table</option>
      <option name="table1" value="1">Table 1</option>
      <option name="table2" value="2">Table 2</option>
      <option name="table3" value="3">Table 3</option>
  </select>
</form>

answered Jan 2, 2019 at 4:07

Sridhar

11.8k5 gold badges42 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

TrigonaMinima · Accepted Answer · 2020-07-27 06:06:35Z

0

try this

var bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({extended: false}));

instead of

app.use(express.bodyParser());

edited Jul 27, 2020 at 6:06

TrigonaMinima

1,9981 gold badge26 silver badges42 bronze badges

answered Jul 27, 2020 at 3:53

Muhammad Hammad

1

1 Comment

TrigonaMinima Over a year ago

You should explain what the code is doing otherwise it's not a good answer.

user7559884 · Accepted Answer · 2020-11-18 13:11:43Z

0

Here are the mistakes in your code

1)In HTML file , Your form should have a post method

<form method="post" id="tableForm" action="getJson">

(2) That post method should be handled in App.js . The input value given by the user can be collected by req.body.example method

answered Nov 18, 2020 at 13:11

user7559884

Collectives™ on Stack Overflow

Get selected option value in node.js with using express

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related