獲取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);
  }
})

但是，通過對插件腳本進行一些更改，您可以添加一些屬性或值以獲得更好的結果。