如何更改具有特定ID的引導程序下拉列表的值？

Question

我有一個典型的自舉下拉這樣的：

<div class="btn-group"> 
    <button type="button" class="btn btn-lg btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Default option<span class="caret"></span></button> 
    <ul id="my-select" class="dropdown-menu"> 
      <li data-value="10" role="presentation"><a href="#">Option 1</a></li> 
      <li data-value="20" role="presentation"><a href="#">Option 2</a></li> 
    </ul> 
</div> 

這完全適用於所有的引導Dropdowns的無特定ID：

$(".dropdown-menu li a").click(function() { 
    var selText = $(this).text(); 
    $(this).parents('.btn-group').find('.dropdown-toggle').html(selText + ' <span class="caret"></span>'); 
}); 

我的上一個ID實現這種不成功的嘗試以下操作：

var mySelect = $('#my-select'); 

mySelect.find(".li a").click(function() { 
    ... 
} 

而且

$("#my-select .li a").click(function() { 
    ... 
} 

Answer 1

這應該工作：

$("#my-select li a").click(function() { 

} 

.點用於類

例如：

<button class="myClass" ...> 

$('.myClass')... 

#急劇用於IDS

<button id="myButton" ...> 

$('#myButton')... 

Answer 2

試這樣的：

$("#myselect").click(function(){ 
... 
}); 

你並不需要指定Li或任何作爲myselect是唯一標識一個元素