-1

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

​</p>

我需要将 id 为 newpar 的 div 转换为下拉菜单(选择菜单)。那可能吗...

看到这个我举了一个例子,我需要jsfiddle.net/varunms/WXK7S/5

4

2 回答 2

2

像这样的东西?

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

演示

当然,以上只是演示如何创建。要正确替换,请使用 jQueryreplaceWith

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

演示

于 2012-08-10T11:20:16.680 回答
0

是的,有可能。

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

  1. 创建选择框您可以制作一个 HTML 字符串(恶心)或执行以下操作:http: //supunk.blogspot.com/2009/01/creating-select-list-using-javascript.html

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

于 2012-08-10T11:28:29.970 回答