求教使用bootstrap制作响应式网页的下拉列表菜单的JavaScript如何编写？

 <div class="dropdown">
    <button class="btn btn-default dropdown-toggle col-xs-5" 
            type="button" id="dropdownMenu1" 
            data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
        Dropdown
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li><a href="#">Separated link</a></li>
    </ul>
</div>

以上。如何实现点击任意一个

 <li>

时 按钮 **的文字变成对应li**的文字
大概思路是：单击事件获取**li**的值，,再将值赋予给**button**。
我只知道大概思路，但是不知道具体实现。前端刚入门，boss下达的任务。QAQ
谢谢各位大触了。

使用jquery
$(".dropdown-menu li").click(function(){
var v=$(this).text();
$(".btn").text(v); //最好使用id选择器，在button 上加一个 id属性 如 id="btnselect" $("#btnselect").text(v);
})