jQueryを使用してイベントハンドラにブートストラッププルダウンをフックアップするにはどうすればよいですか？

Question

ブートストラップのドロップダウンは実際にはulなので、実際にjQueryを使って機能に "接続"する方法は混乱しています。

たとえば、送信ボタンをクリックすると、現在選択されているドロップダウンアイテムによって異なるものがあります。コードをドロップダウンを参照してください：

<div class="dropdown"> 
    <button id='businessType' class="btn btn-default dropdown-toggle" data-toggle="dropdown">Business Type 
     <span class="caret"></span></button> 
    <ul class="dropdown-menu"> 
     <li><a href="#">Bar</a></li> 
     <li><a href="#">Brewery</a></li> 
     <li><a href="#">Food</a></li> 
    </ul> 
</div> 

私はこのような何かやりたい：バー、ビール、または食品のいずれかを取得し、chosenType変数は自分のアプリケーションに何かをすることに使用する

var chosenType = $('businessType').val(); 

をしかし、それはですそのようには動作しません。私はこれを文書やこれに対処する以前の質問で見つけられないようです。

Answer 1

は、単一選択のためのjQueryのセレクタ を使用する必要があります。すべての選択のための

$($('#businessType').parent().find('ul.dropdown-menu li a')[0]).text() 

：

$.each($('#businessType').parent().find('ul.dropdown-menu li a'),function(i,v){ console.log($(v).text()); 
    })