從選擇菜單中刪除嵌套的選項 - jQuery

我有一點簡單的Javascript。從選擇菜單中刪除嵌套的選項 - jQuery

當它變成選擇菜單時，是否可以刪除該菜單的任何嵌套部分？

所以在下面的演示中，' - test'部分不會出現在選擇菜單中。

我jQuery的是：

$(function() { 

      var options = '<option selected>Go to...</option>'; 
      $('nav div.alt').find('a').each(function() { 
       var text = $(this).text(), 
       purl = $(this).attr("href"), 
        depth = $(this).parent().parents('ul').length, 
        depthChar = '', 
        i = 1; 
       for (i; i < depth; i++) { depthChar += '&ndash;&nbsp;'; } 
       options += '<option value="' + purl + '">' + depthChar + text + '</option>'; 
      }); 
      $('<select />').append(options).appendTo('nav div.alt'); 

      $("nav select").change(function() { 
       window.location = $(this).find("option:selected").val(); 
      }); 

     });

任何意見非常感謝。

來源

2013-07-04 michaelmcgurk

同樣的理論，從我的答案需要應用！ http://stackoverflow.com/questions/17470177/remove-list-items-from-select-menu-with-jquery – rorypicko

好主意。由於一些奇怪的原因，它不適用於我當前的應用程序，所以認爲我會更具體地處理我的問題:) – michaelmcgurk

在你前面的問題更準確的使用子選擇>是在<a>元素，您選擇

$('nav div.alt > ul > li > a').each(function() {

http://jsfiddle.net/ZBZRw/1/

來源

2013-07-04 13:45:02

從選擇菜單中刪除嵌套的選項 - jQuery

回答

相關問題