title: How get selected value dynamically from a multiple select using MaterializeCss
body: <p>(there is similar questions they don't helped me)</p>
  
  <p>I'm using the HtmlHelper @Html.ListBoxFor to create a multiple select. My problem is that he creates this: </p>
  
  <pre><code>&lt;ul id="select-options-9658d214-b306-e25f-c4f4-70d48cd6ba08" class="dropdown-content select-dropdown multiple-select-dropdown active" style="width: 278.234px; position: absolute; top: 0px; left: 0px; opacity: 1; display: block;"&gt;
     &lt;li class=""&gt;
       &lt;span&gt;&lt;input type="checkbox"&gt;&lt;label&gt;&lt;/label&gt;test1&lt;/span&gt;
     &lt;/li&gt;
     &lt;li class=""&gt;
        &lt;span&gt;&lt;input type="checkbox"&gt;&lt;label&gt;&lt;/label&gt;test2&lt;/span&gt;
     &lt;/li&gt;
     /*...*/
  &lt;/ul&gt;
  
  &lt;select id="ItemId" multiple="multiple" name="userStringList" onchange="test()" class="initialized"&gt;
    &lt;option value="test1"&gt;netsendev&lt;/option&gt;
    &lt;option value="test2"&gt;test2&lt;/option&gt;
    /*...*/
  &lt;/select&gt;
  </code></pre>
  
  <p>How can I get the user selected item's in jquery like:</p>
  
  <pre><code>$('select').change(function () {
        console.log($("#toto option:selected"));
      })
  </code></pre>
  
  <p>e.g: If I click on the first option, an alert windows will pop and the value inside will be test1.</p>