hugh
/
select2


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243
							<!DOCTYPE html>
<html>
<head>
<!--    <link rel="stylesheet" href="select2.min.css?v=1.0.1">-->
    <link rel="stylesheet" href="../dist/css/select2.min.css">
    <link rel="stylesheet" href="bootstrap.min.css">
    <link rel="stylesheet" href="laravel-admin.css">
    <link rel="stylesheet" href="AdminLTE.min.css">
    <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
</head>

<body>

<h1>Laravel Admin Version</h1>
<div class="col-sm-8">
    <select class="form-control " name="environment_id[]" multiple="" style="width: 100%;" tabindex="-1" aria-hidden="true">
        <option></option>
        <option value="__select-all__">All Source</option>
        <option value="1">Xxx</option>
        <option value="2">xxx</option>
        <option value="3">Xxp</option>
    </select>
</div>

<script src="bootstrap.min.js" type="text/javascript"></script>
<script src="app.min.js" type="text/javascript"></script>
<script src="toastr.min.js" type="text/javascript"></script>
<script src="bootstrap-editable.min.js" type="text/javascript"></script>
<script src="../dist/js/select2.full.min.js" type="text/javascript"></script>
<!--<script src="select2.full.min.js" type="text/javascript"></script>-->
<script src="extension/select2-select-all.js" type="text/javascript"></script>
<script src="extension/select2Lazyload.js" type="text/javascript"></script>
<script>
    (function ($){
        $("select").select2({
            placeholder: {"id":"","text":"Choose"},
            "allowClear":true
        });
    })(jQuery);
</script>
</body>
</html>