How to get dropdown selected value in JavaScript

 

If we want to get a dropdown value on dropdown select we have to use "change/onchange" javascript method to achieve this.

Step 1: write some HTML to create an HTML dropdown as below

 

<select id="testddn">

  <option value="value1">Text one</option>

  <option value="value2">Text two</option>

  <option value="value3">Text three</option>

  <option value="valueN">Text N</option>

</select>

<p>

  Selected Value: <span id="result"></span>

</p>

Step 2: Write JavaScript code as below to handle change event in Html

    document.querySelector('#testddn').addEventListener('change', ()=> {
      var elmValue = document.querySelector('#testddn').value;
      document.querySelector('#result').innerHTML = elmValue;
    })
    
  

Open your Html page in a browser

Visit to test: https://jsfiddle.net/theranjitkumar/6w3jxb97/5/

Happy codding...