- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Display the dropdown’s (select) selected value on console in JavaScript?
Let’s say the following is our dropdown (select) −
<select onchange="selectedSubjectName()" id="subjectName"> <option>Javascript</option> <option>MySQL</option> <option>MongoDB</option> <option>Java</option> </select>
Following is the code to display the selected value on Console −
Example
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css"> </head> <body> <select onchange="selectedSubjectName()" id="subjectName"> <option>Javascript</option> <option>MySQL</option> <option>MongoDB</option> <option>Java</option> </select> <script> function selectedSubjectName() { var subjectIdNode = document.getElementById('subjectName'); var value = subjectIdNode.options[subjectIdNode.selectedIndex].text; console.log("The selected value=" + value); } </script> </body> </html>
To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.
Output
This will produce the following output −
Now, I am going to select Java. The snapshot is as follows −
After that I am going to select MongoDB. The snapshot is as follows −
- Related Articles
- Display in console if Select list value contains a value from an array in JavaScript?
- Display selected checkboxes on another page using JavaScript?
- Getting HTML form values and display on console in JavaScript?
- Select all elements with “data-” attribute with jQuery and display on Console?
- Display a message on console while focusing on input type in JavaScript?
- Display all the titles of JTabbedPane tabs on Console in Java
- JavaScript: How to loop through all DOM elements on a page and display result on console?
- How to display the selected option in a dropdown list with JavaScript?
- Get number from user input and display in console with JavaScript
- Select from another column if selected value is '0' in MySQL?
- Access the file contents from inside the callback function and display on console – jQuery
- Display first selected row in MySQL?
- How to read data from PDF file and display on console in Java?
- JavaScript Adding array name property to JSON object [ES5] and display in Console?
- Display data as table in browser console

Advertisements