如何使用MaterializeCss從多選中動態獲取選定值

Question

（有類似的問題，他們沒有幫助我）

我正在使用HtmlHelper @ Html.ListBoxFor來創建一個多選。 我的問題是他創造了這個：

<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;">
   <li class="">
     <span><input type="checkbox"><label></label>test1</span>
   </li>
   <li class="">
      <span><input type="checkbox"><label></label>test2</span>
   </li>
   /*...*/
</ul>

<select id="ItemId" multiple="multiple" name="userStringList" onchange="test()" class="initialized">
  <option value="test1">netsendev</option>
  <option value="test2">test2</option>
  /*...*/
</select>

如何在jquery中獲取用戶選擇的項目，如：

$('select').change(function () {
      console.log($("#toto option:selected"));
    })

例如：如果我點擊第一個選項，將彈出一個警告窗口，其中的值將為test1。

Answer 1

你需要在jquery中將click事件附加到select元素，就像這樣

$("#itemId").click(function() {
});

在其中你可以找到這樣的選定值

alert($('#ItemId option:selected').val());

這是一個小提琴

https://jsfiddle.net/7qm3ncLp/