私はそれを作るようにしようとしています。ドロップダウン選択の1つをクリックすると、それがリストに追加されます。ここにはドロップダウンボタンのコードがあります

Question

onChange="OnSelectedIndexChange()" 

そして、この機能をニーズに合わせて変更します。野菜の選択は、それは私が新しい関数を作成して、ドロップダウンにこれを追加します

<div class="container"> 
    <h2> 
    </h2> 
    <p></p> 

    <div class="dropdown"> 
    <div id="dropdown" style="position:fixed; left:400px; top:120px;" class="main"> 
<button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">Vegetable 
<span class="caret"></span></button> 
<ul class="dropdown-menu" role="menu" aria-labelledby="menu1"> 
    <li role="presentation"><a role="menutype" tabindex="1" href="#">Carrots</a></li> 
    <li role="presentation"><a role="menuitem" tabindex="2" href="#">Tomatos</a></li> 
    <li role="presentation"><a role="menuitem" tabindex="3" href="#">Lettuce</a></li> 
    <li role="presentation"><a role="menuitem" tabindex="4" href="#">Peas</a></li> 
    <li role="presentation"><a role="menuitem" tabindex="5" href="#">Green Beans</a></li> 
    <li role="presentation"><a role="menuitem" tabindex="6" href="#">Potatoes</a></li> 
    <li role="presentation"><a role="menuitem" tabindex="7" href="#">Corn</a></li> 
    <li role="presentation" class="divider"></li> 
</ul> 

</div> 
</div> 

Answer 1

ページの横にあるリストに追加されています。ドロップダウンに新しい選択すると、それはあなたの他のリスト（UL）に李アイテムを追加します。たぶんあなたは値の代わりにテキストを取得する属性を変更する必要があります。

//function for changed selection 
function OnSelectedIndexChange() 
{ 
document.getElementById('myListOfItems').append("<li>"+document.getElementById('dropdown').value+"</li>"); 
}