JSFiddle - React, Tailwind, and code Playground

HTML

<select name="bahce" multiple="multiple">

    <option>Çiçekler</option>
    <option selected="selected">Çalılıklar</option>
    <option>Ağaçlar</option>
    <option selected="selected">Otluklar</option>

    <option>Çimler</option>
    <option>Çamur</option>
  </select>
  <div></div>

CSS

div { color:blue; }
select{text-align:center;}

JavaScript

$("select").change(function () {
          var str = "";
          $("select option:selected").each(function () {
                str += $(this).text() + " ";
              });
          $("div").text(str);
        })
        .trigger('change');