获取jQuery下拉插件的选定值

Question

我正在使用jQuery dropdown插件，我想选择value，但在docs中没有这样的选项，我如何通过jQuery获得选择的值？

(function($) {

  $(function() {

    $('ul').dropdown({
      closeReset: false,
      nested: true,
      collision: true,
      selectParents: true
    });

  });

}(jQuery));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-dropdown/2.0.3/jquery.dropdown.js"></script>
<link rel="stylesheet" href="http://dane.one/wordpress/wp-content/uploads/dropdown.min_.css?ver=7e2962cd876e2a95be90b37baa97b096" type="text/css" />
<ul>
  <li>group 1
    <ul>
      <li>assest 1
        <ul>
          <li>bingo!</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>group 2
    <ul>
      <li>assest 2
        <ul>
          <li>bingo!</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

此问题之前在github问过，但没有答案。看起来插件没有在这个片段上工作，请参阅演示here（我正在使用嵌套演示）

请注意，我使用ul而不是select option

Answer 1

@CodeSavy的答案是正确的方向和逻辑，但有一些问题。如果创建者没有提供获取选定值的选项，你应该自己做，打开jquery.dropdown.js搜索var classes = {你会发现这个selected: 'dropdown-selected',所以在选择每个项目后它会将这个类添加到所选项目。在上一个答案中你得到text()之后的所有物品click但在下面你只能得到选择的物品text()

$(document).on('click', '.dropdown-item', function() {
  if ($(this).hasClass('dropdown-selected')) {
    var val = $(this).text();
    console.log(val);
  }
})

但是，通过对插件脚本进行一些更改，您可以添加一些属性或值以获得更好的结果。

Answer 2

小心使用qazxsw poi？ qazxsw poi使用了qazxsw poi而不是qazxsw poi。这样，您就可以获得选定的价值。无法评论所以会在这里发布

更新的答案：这是如何获得所选

select