基于Bootstrap的下拉框插件select2的使用

1、设置静态值，单选

<select id="Name" name="Name" class="form-control required">
	<option value="1">北京市</option>
	<option value="2">上海市</option>
</select>

2、设置静态值，多选

<select id="Name" name="Name" class="form-control required" multiple="multiple">
	<option value="1">北京市</option>
	<option value="2">上海市</option>
</select>

3、设置动态值（使用方式从后台获取）,返回的数据对象Id,Name分别绑定id,text

//绑定Ajax的内容
    $.getJSON(url, function (data) {
        $.each(data, function (i, item) {
            control.append("<option value='" + item.Value + "'>&nbsp;" + item.Text + "</option>");
        });
    });

4、根据 value 动态设置选中值：如默认选择“北京市”

  $("#Name").val(1);

5、根据文本 text 动态设置选中值：如默认选择“北京市”

   $("#Name option:contains('北京市')").attr("selected", true);

6、获取 value 值

$("#Name").val();

7、获取选中 text 文本

$("#Name").find("option:selected").text();

8、插件可到官方网下载，或者到本寒舍链接：点击下载链接