JSFiddle - React, Tailwind, and code Playground

by Joe

HTML

<html xmlns="http://www.w3.org/1999/xhtml">

  <head>
   <script
  src="https://code.jquery.com/jquery-3.4.1.js"
  integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
  crossorigin="anonymous"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        $(".selector").change(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 + '";');
            console.log(selectedoption)
          });
        });
      });

    </script>
  </head>

  <body>
    <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>
  </body>

</html>