JSFiddle - React, Tailwind, and code Playground

HTML

<select size="7" name="cars" id="cars" multiple>
   <option value="cup">Cupcake</option>
   <option value="cupas">Cunut</option>
   <option value="cup124">Eclair</option>
   <option value="cup2512">Froyo</option>
   <option>Gingerbread</option>
   <option>Honeycomb</option>
   <option>Ice Cream Sandwich</option>
   <option>Jelly Bean</option>
   <option>KitKat</option>
   <option>Lollipop</option>
   <option>Marshmallow</option>
   <option>Nougat</option>
 </select>
 <button id="b1">Click me</button>
 <ul class="list">
     
 </ul>

JavaScript

$("#b1").on("click", function() {
    var selectedItems = $("#cars option:selected");
    let p = document.createElement('p')
    p.innerHTML = "hello"
    document.body.append(p)
    var list = "";
    selectedItems.each(function() {
      list += this.innerText + "\n "
    });
    console.log(list);
  });