Jquery 更改Div以选择输入

我有2个Div标签，如下所示

<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>

​

我需要将id为newpar的div转换为下拉菜单。有没有可能

看到了吗？我举了一个例子，说明我是如何需要这样的东西的

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

是的，这是可能的

这有两个部分： 1.从div中获取选项 这可以通过documnet.getElementsByClassName完成。然后，您就可以很容易地访问每个div的内部

创建选择框 您可以制作一个HTML字符串，或者执行以下操作：

将选择框放在需要的地方 如果选择HTML字符串版本，则可以设置sortlocation div的innerHTML

---

什么时候如果用户单击、加载或根据特定操作？嗨，不需要任何操作。它是否有任何侦听器与每个itemdiv->选项关联？我想他想用selectBox替换SortLocation div。因此，请使用jquery replaceWith，而不是将其附加到正文中。@Yoeri:正在添加它，正如您所评论的：@Ronak Jangir的更快。我不太喜欢jQuery

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