Twitter Bootstrap: Làm cách nào để có được giá trị thả xuống đã chọn?

Question

Tôi cần lấy giá trị mà người dùng chọn từ trình đơn thả xuống của trình khởi động twitter. Khi người dùng chọn một giá trị, tôi muốn menu thả xuống hiển thị giá trị đó. Vì vậy, người dùng chọn 'đang chờ xử lý' sau đó tôi muốn thay đổi giá trị thả xuống đã chọn từ đó và khi người dùng hoàn thành biểu mẫu, tôi muốn truy xuất giá trị đã chọn. Ai đó có thể chỉ cho tôi đúng hướng không?

<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> 

Cảm ơn, Matt

Answer 1

Bootstrap cung cấp cho bạn với tối thiểu chức năng cần thiết cho việc thực hiện của bạn, họ không Dropdowns thay vào đó họ chỉ là những ul, li với css áp dụng vào nó và một số sự kiện đăng ký trong bootstrap plugin để bật nút để hiển thị chúng dưới dạng menu thả xuống. Điều này bạn cần làm một mình.

Thiết lập số nhận dạng cho nút trạng thái nói className btnStatus và liên kết sự kiện nhấp chuột với liên kết thả xuống. và làm một cái gì đó như thế này?

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

Demo

Answer 2

bạn có thể thử này:

u có thể sử dụng lớp hoặc id cho selector để chọn dễ dàng hơn các yếu tố. để sử dụng giá trị, bạn cũng có thể sử dụng value trong u javascript với jQuery.

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

Demo: http://jsfiddle.net/mr_mohsen_rasouli/A8m39/

Answer 3

tôi đã cùng một vấn đề. Giải pháp là khá dễ dàng và tôi nghĩ rằng các câu trả lời ở trên có thể được overcomplicating một chút.

Chỉ cần sử dụng $ .text (this)()

Gán tên lớp để "" bit sau đó ..

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

Answer 4

Hãy thử như thế này -

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

Demo - Fiddle