Bootstrap 的 dropdown-menu 控件 的用法

1、<button id="Province" type="button" class="" data-toggle="dropdown" aria-expanded="false">

            省/直辖市/自治区<span class=""></span>

        </button>

        <input type="hidden" id="HidPro" />

        <ul class="dropdown-menu" id="Province" role="menu" aria-labelledby="Province">

            <li>

                <a href="#" onclick="Student.GetDropDown(this, 1)" code="请选择">请选择</a>

            </li>

            @foreach (var item in @ViewBag.GetProvince)

            {

                <li>

                    <a href="#" onclick="Student.GetDropDown(this, 1)" code="@item.StudentID">@item.StudentName</a>

                </li>

            }

        </ul>

2、  $.ajax({

                    url: "/CSMP/GetCity",

                    type: "POST",

                    data: { "Province": Province},

                    success: function (result) {

                        var data = eval(result);//得到市的实体类，实体类已定通过Json 格式转一下 ，JS中通过eval

                        for (var i = 0; i < data.length; i++) {

                            var html = "";

                            html = "<li><a code='" + data[i].StudentID+ "'>" + data[i].StudentName+ "</a></li>";//定义a 标签 给 a标签定义属性Code，赋值

                            $("#City").append(html);//给li追加 a标签

                            $("#City li a").attr("onclick", "Student.GetDropDown(this, 2)");//给a标签添加onclick事件 

                        }

                    }

                });

3、通过AJAX请求方法，动态的将省市区赋值到控件上