Ben aşağı açılan seçimlerden birine tıkladığınızda, bunu bir liste ekleyecek şekilde çalışıyorum, burada aşağıya açılan düğmelerden birinin kodu

Question

Bir kod tıklatmaya çalışıyoruz

onChange="OnSelectedIndexChange()" 

ve bu fonksiyonu ihtiyaçlarınıza değiştirin: bitkisel seçimleri ve ben yeni bir işlev oluşturmak ve açılan bu eklersiniz

<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

sayfanın kenarındaki bir listeye eklenebilir var . Açılır yeni seçim üzerine, diğer listede (ül) için li öğeyi ekler. Belki de, değer yerine metni almak istediğiniz özniteliği değiştirmeniz gerekir.

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