Question

I am having 2 Div Tag Set As Below

<div id="sortlocation" class="facetsearch">
    <div class="facetlist">
       <div id="facet_20" class="facetitem">Adambakkam <span class="facetitemcount">(15)</span></div>
       <div id="facet_12" class="facetitem">Ambattur <span class="facetitemcount">(59)</span></div>
       <div id="facet_17" class="facetitem">Anna Nagar <span class="facetitemcount">(18)</span></div>
    </div>
</div>

​

I need to convert the div which has the id newpar as a drop down menu (Select Menu). is that possible…

see this i have give an example that how i need jsfiddle.net/varunms/WXK7S/5

Answer 1

Something like this?

var s = $('<select />');
$('.facetlist .facetitem').each(function() {
   $('<option />', { 
       id: $(this).attr('id'), 
       'class': $(this).attr('class') 
   }).html($(this).text()).appendTo(s);
});
s.appendTo('body');

Demo

Of course, the above is just a demo on how to create. For a proper replace, use jQuery replaceWith

$('.facetlist').replaceWith(s);

Demo