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

ドロップダウンメニュー（[メニューの選択]）としてidnewparを持つ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');

デモ

もちろん、上記は作成方法の単なるデモです。適切に置き換えるには、jQuery を使用しますreplaceWith

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

デモ

于 2012-08-10T11:20:16.680 に答える
0

はい、可能です。

これには 2 つの部分があります。 1. div からオプションを取得します。これは、documnet.getElementsByClassName で実行できます。その後、各 div の内部に簡単にアクセスできます。

  1. 選択ボックスを作成するHTML文字列を作成するか（yuck）、次のようにすることができます： http://supunk.blogspot.com/2009/01/creating-select-list-using-javascript.html

  2. 必要な場所に選択ボックスを配置します HTML 文字列バージョンを選択した場合は、sortlocation div の innerHTML を設定できます

于 2012-08-10T11:28:29.970 に答える