2016-05-14 8 views
0
<ul class="dropdown-menu"> 
    <li><a href="#">Day 1</a></li> 
    <li><a href="#">Day 2</a></li> 
    <li><a href="#">Day 3</a></li> 
</ul> 

を使用してブートストラップドロップダウンメニューを追加し、私は日38に1日目からメニューオプションドロップダウンを追加する(現在はそれが持っている3つのドロップダウンオプション1日目、2日目と3日目) jQueryを使って洗練された方法を指摘できる人がいれば、本当に感謝しています。クラスドロップダウンはブートストラップからのものです。/変更上記のスニペットの場合はjQueryの

+0

*「ドロップダウンメニューオプションを追加する」*の意味が明確ではありません。 [尋ねる]を読んで、あなたの問題についてもっと詳しく説明し、解決しようとしていることを示してください。 – charlietfl

+0

質問を編集しました。私はループやjQuery.Sinceを通して同様のものを使ってオプションを設定したいのですが、Day1からDay 38までのすべてのオプションを書くことは実現できません。 – aman

+1

もう一度... *あなたは何を試しましたか?これはコード作成サービスではありません。あなた自身の試みを行い、あなた自身の基礎研究を行い、問題があるときに期待どおりに機能しないコードを提供することが期待されます。 – charlietfl

答えて

1

あなたがちょうどselectを使用すると、おそらく、名前、ID、または少なくともクラス与えたいと思うでしょうドロップダウンしたい場合:このjQueryのを試してみてください

<select name='day'></select> 

を:

for(var i = 1; i<=36; i++) { 
    $('<option>').text('Day '+i).appendTo('select[name=day]'); 
} 

しませんulli/aを使用していた理由をご確認ください。ドロップダウンを希望する場合はselectを使用してください。

の後にスクリプトが実行されていることを確認してください。がdomにあります。スクリプトをページの下に置くか、次のような準備イベントでラップすることができます。

$(function(){ 
    for(var i = 1; i<=36; i++) { 
     $('<option>').text('Day '+i).appendTo('select[name=day]'); 
    } 
}); 
関連する問題