JSFiddle - React, Tailwind, and code Playground

by Vikash Kumar Gupta

HTML

<button onclick="window.getSelectedOptions()">get Selected option</button>
<select id="my-ddn" multiple>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<span> Selected Option</span>
<span id="selected-option"></span>

JavaScript

window.getSelectedOptions = function(){
	var a = document.querySelector('#my-ddn');
  var myOptions = a.selectedOptions;
  var myOptionsCS = [];
  for(var i=0;i<myOptions.length;i++){
    var currentOption = myOptions[i].label;
    myOptionsCS.push(currentOption);
  }


  document.querySelector('#selected-option').innerHTML = myOptionsCS.join(',');
}