按鈕中的下拉菜單值

這是一個下拉菜單，我想根據從列表中選擇的值顯示按鈕中的值。附上屏幕截圖供參考。什麼是最好的方法來做到這一點？按鈕中的下拉菜單值

<button 
    type="button" 
    class="btn btn-fit-height grey-salt dropdown-toggle" 
    data-toggle="dropdown" 
    data-hover="dropdown" 
    data-delay="1000" 
    data-close-others="true"> 

     //Where Value 1 is written I want the li values.. 
     Value 1 
     <i class="fa fa-angle-down"></i> 
</button> 

<ul class="dropdown-menu pull-right" style="margin-right:15px" role="menu"> 
    <li><a href="#">Value 1</a></li> 
    <li><a href="#">Value 2</a></li> 
    <li class="divider"></li> 
    <li><a href="#">Value 3</a></li> 
    <li><a href="#">Value 4</a></li> 
    <li><a href="#">Value 5</a></li> 
    <li><a href="#">Value 6</a></li> 
</ul>

enter image description here

來源

2014-11-16 Umair Rana

所以你有什麼問題嗎？您的標記並沒有給出太多的跡象，你的問題是 – charlietfl

我的問題是你可以在截圖中看到的灰色按鈕那裏它寫了價值1這是靜態值我想在這裏顯示不同的值什麼是從下拉列表中選擇.. –

在將來請提供'預期的行爲' – charlietfl

你可以做

$(function() { 
    var $button = $('button'); // maybe better give it an id or something 

    $('.dropdown-menu.pull-right a').on('click', function(e) { 
     e.preventDefault(); 

     $button.text($(this).text()); 
    }); 
});

但你必須做出一個有效的HTML（按鈕已被關閉）

來源

2014-11-16 16:17:55 progsource

這樣的解釋可以嗎？任何需要給任何id在李？ –

嗯 - 不是李。但你可以給按鈕和UL一個 – progsource

按鈕中的下拉菜單值

回答

相關問題