获取jQuery下拉插件的选定值

Question

我正在使用jQuery下拉插件，我想获取选定的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之前问过，但没有答案。 看起来该插件无法在此代码段上运行，请在此处查看演示（我正在使用嵌套演示）

请注意，我正在使用ul not select option

Answer 1

喜欢使用select吗？ 使用的文档 select不是ul 。 这样，您可以获得选定的值。 无法发表评论，因此将在此处发布

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

var selectedValue = '';
$(document).on('click', '.dropdown-menu li.dropdown-item', function(e) {
    selectedValue = $(this).find('span').text();
});

Answer 2

@CodeSavy的答案是正确的方向和逻辑，但出现了一些问题。 如果创建者未提供获取所选值的选项，则您应自行执行此操作，请打开jquery.dropdown.js搜索var classes = {您会找到以下selected: 'dropdown-selected',因此在选择每个项目之后它将把此类添加到所选项目。 在上一个答案中， click后将获得所有项目text() ，但在下面只能获得选定的项目text()

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

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