0

JavaScript / jQueryの初心者。次のように順序付けられたリストにいくつかのデータが表示されています

<ul>        
   <li data-id="">
    <a data-link="0" data-actiontype="article" href="#">Data 0</a>
   </li>
   <li data-id="">
    <a data-link="1" data-actiontype="article" href="#">Data 1.</a>
    </li>

    <li data-id="">
    <a data-link="2" data-actiontype="article" href="#">Data 2</a>
    </li>   
 <ul>

上記を順序付きリストではなくドロップダウンリストで提示したいのですが？

4

2 に答える 2

1

どうですか

<select>

<option> Data 0 </option>
.
.
.
<option> Data 2 </option>
</select>

JQueryでこの変換を実現するには、次のようなことを行う必要があります。

ページに空の選択タグを付ける

<select id="randomid"></select>

次に、これをスクリプトに追加します。

$('ul>li').each(function(i)
{
 $('#randomid').append($(this).text());
});
于 2012-10-31T15:50:35.977 に答える
1

ドロップダウン リストとは、1 つの選択ボックス内にあるという意味ですか、それともリスト項目の上にカーソルを合わせるとリストが表示されるという意味ですか?

最初の場合は、select タグだけを使用して、各リスト項目をオプションとして設定できます。

2 番目の方法の場合、各要素にクラスを指定し、そのクラスが次の場合にのみ表示されるように設定できます。

于 2012-10-31T15:53:32.980 に答える