jQuery

Question

का उपयोग कर एक अनियंत्रित सूची के आधार पर चयनित चयन विकल्प चुनें मैंने अपनी अनियंत्रित सूची को एक विकल्प विकल्प सूची में परिवर्तित कर दिया है, हालांकि मुझे यकीन नहीं है कि मैं 'चयनित' विशेषता को उस विकल्प को कैसे जोड़ सकता हूं जो उससे संबंधित है सूची में हाइपरलिंक।

मार्क-अप

<div class="navigation"> 
    <ul> 
     <li><a href="foo.html">Foo</a></li> 
     <li><a href="bar.html" class="selected">Bar</a></li> 
     <li><a href="boo.html">Boo</a></li> 
    </ul> 
</div> 

जावास्क्रिप्ट

$('<select />').appendTo('.navigation'); 

// Populate dropdown with menu items 
$('.navigation ul a').each(function() { 
var el = $(this); 
$('<option />', { 
    "value" : el.attr('href'), 
    "text" : el.text() 
}).appendTo('.navigation select'); 
}); 
// Navigate to page on select option 
$('.navigation select').change(function() { 
    window.location = $(this).find('option:selected').val(); 
}); 
// Hide navigation list 
$('.navigation ul').hide(); 

Answer 1

आप ca

$('<option />', { 
    "value"  : el.attr('href'), 
    "text"  : el.text(), 
    "selected" : el.hasClass('selected') 
}).appendTo('.navigation select'); 

http://jsfiddle.net/5V5rY/

Answer 2

आप गतिशील रूप से चयन तत्व बनाने के लिए लग रहे हैं।

तो तुम प्रतिनिधि घटनाclosest static parent कंटेनर के लिए यह काम करने देने के लिए की जरूरत है ..

$('.navigation select').change(function() { 

चाहिए मूल्य तुम सिर्फ .val(); कर सकते हैं का चयन करने के

$('.navigation').on('change', 'select',function() { 

इसके अलावा होने के लिए

window.location = $(this).val();