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/

如何使用MaterializeCss从多选中动态获取选定值

1 个答案: