<script>
    $(function() {

        $(".select2").select2({
            matcher: function(params, data) {
                return matchStart(params, data);
            },
        });
    })

    function matchStart(params, data) {
        params.term = params.term || '';
        if (data.text.toUpperCase().indexOf(params.term.toUpperCase()) == 0) {
            return data;
        }
        return false;
    }


</script>

<select class="select2">
    <option value=""></option>
    <option value="スズキ">スズキ</option>
    <option value="ヒラスズキ">ヒラスズキ</option>
    <option value="タイリクスズキ">タイリクスズキ</option>
</select>

<link rel="stylesheet" href="css/remodal.css">
<link rel="stylesheet" href="css/remodal-default-theme.css">
<script src="js/remodal.min.js"></script>

// モーダルウインドウをオープンするボタン
<button id="btn_chancel">サンプル表示</button>

// 表示されるモーダルウインドウ
<div class="remodal" data-remodal-id="modal">
  <button data-remodal-action="close" class="remodal-close"></button>
  　　　　<p>サンプルです。</p>
  <button data-remodal-action="confirm" class="remodal-confirm">はい</button>
  <button data-remodal-action="cancel" class="remodal-cancel">閉じる</button>
</div>

<script type="text/javascript">
	$(function($){
            // 「はい」ボタンが押された後の処理
            $(document).on('confirmation', '.remodal', function () {
		  alert('サンプル表示です。');
	    });
            // モーダルウインドウ表示
	    $("#btn_chancel").click(function(){
		$('[data-remodal-id=modal]').remodal().open();
	    });
	});
</script>