<link href="//cdn.bootcss.com/bootstrap/2.3.1/css/bootstrap.min.css" rel="stylesheet"/>

<link href="//cdn.bootcss.com/select2/3.5.4/select2.min.css" rel="stylesheet"/>

<script src="//cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>

<script src="//cdn.bootcss.com/select2/3.5.4/select2.min.js"></script>

<p>Select2 方法实例:</p>

<p>

    <input type="button" class="btn-primary" id="e8_get" value="Alert selected value"/>

    <input type="button" class="btn-info" id="e8_set" value="Set to California"/>

    <input type="button" class="btn-info" id="e8_cl" value="Clear"/>

    <input type="button" class="btn-primary" id="e8_get2" value="Alert selected using data"/>

    <input type="button" class="btn-info" id="e8_set2" value="Set to California using data"/>

    <input type="button" class="btn-warning" id="e8_open" value="Open"/>

    <input type="button" class="btn-warning" id="e8_close" value="Close"/>

</p>

<p>

    <select id="e8" style="width:300px" class="populate">

        <optgroup label="Alaskan/Hawaiian Time Zone">

        <option value="AK">Alaska</option>

        <option value="HI">Hawaii</option>

    </optgroup>

    <optgroup label="Pacific Time Zone">

        <option value="CA">California</option>