Twitter Bootstrap：我如何獲得下拉選定的值？

我需要獲取用戶從twitter引導下拉列表中選擇的值。一旦用戶選擇了一個值，我希望下拉菜單顯示該值。因此，用戶選擇「待處理」，然後我想從中更改選定的下拉值，並且當用戶完成表單時，我想要檢索選定的值。有人能夠指出我正確的方向嗎？Twitter Bootstrap：我如何獲得下拉選定的值？

<div class="btn-group"> 
    <i class="dropdown-arrow dropdown-arrow-inverse"></i> 
    <button class="btn btn-primary">status</button> 
    <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> 
    <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu dropdown-inverse"> 
    <li><a href="#fakelink">pending</a></li> 
    <li><a href="#fakelink">active</a></li> 
    <li><a href="#fakelink">discontinued</a></li> 
    </ul> 
</div>

謝謝，馬特

來源

2013-11-01 Matthew David Jankowski

下面是你要找的答案嗎？ – PSL

是的。這兩個答案相結合，幾乎是我所需要的。我可能需要詢問如何將其中一個lis設置爲活動... –

引導爲您提供爲您實現最低要求的功能，他們不是下拉列表，而不是他們僅僅是UL，李與應用上的CSS和引導註冊的一些事件切換按鈕以將其顯示爲下拉菜單的插件。這個你需要自己做。

爲狀態按鈕設置一些標識符，例如className btnStatus並將點擊事件綁定到下拉鍊接。並做這樣的事情？

$('.dropdown-inverse li > a').click(function(e){ 
    $('.btnStatus').text(this.innerHTML); 
});

Demo

來源

2013-11-01 21:59:46 PSL

你可以試試這個：

u可以使用class和id的選擇，選擇更容易的元素。使用價值也可以在jQuery中使用u javascript中的value。

$().ready(function(){ 
     $('a').click(function(){ 
      var value = $(this).text(); 
      alert(value); 
     }); 
    });

演示：http://jsfiddle.net/mr_mohsen_rasouli/A8m39/

來源

2013-11-01 22:11:28

我有同樣的問題。該解決方案非常簡單，我認爲上面的答案可能會過於複雜。

只需使用$（本）的.text（）

指定一個類名的「」位的話..

$(".yourUlClassName li a").click(function() { 
    var yourText = $(this).text(); 
});

來源

2013-12-24 20:15:01 BandfuzzAlex

謝謝。這對我很有用 – mark1234

這不適用於觸摸設備，因爲它們變成了'.dropdown-backdrop'疊加層，它捕獲所有點擊事件並阻止用'return false'進一步執行。 –

嘗試這樣的 -

$(document.body).on('click', '.dropdown-menu li a', function (e) { 
    alert($(this).text()); 
});

演示 - Fiddle

來源

2015-09-03 11:18:03

Twitter Bootstrap：我如何獲得下拉選定的值？

回答

相關問題