JSFiddle - React, Tailwind, and code Playground

by Joe

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.js" type="text/javascript"></script>
 
 
 <div class="selector">
   <select name="List_0" size="4" id="List_0" multiple="multiple">
     <option value="Komal ">Komal </option>
     <option value="Ranjeet">Ranjeet</option>
     <option value="Vishal ">Vishal </option>
     <option value="Gaurav">Gaurav</option>
     <option value="Dhanpat">Dhanpat</option>
   </select>
 </div>
 <a href="#" class="selectedList">get selected</a>

JavaScript

$(document).ready(function() {
  $(".selectedList").click(function() {
    $(".selector select[size][multiple=multiple]").each(function(index, item) {
      selectedoption = $.map($(item).find("option:selected"), function(option, i) {
        return $(option).val();
      }).join(",");
      eval('var ' + $(item).attr("id") + '; ' + $(item).attr("id") + '="' + selectedoption + '";');
    });
  });
});