JavaScript jQuery select2

JavaScript, 開発javascript, jQuery, select2

広告

select2を使って、ビューの部分を良い感じにしてみた。

今回は、フォームを使う機会があり、多くの項目から選択をすることになった。PHPで配列に入っている物を、ループでselectに出力するものであった。しかし、項目が多すぎるため、プルダウンがかなり長くなってしまった。そこでうまく項目を検索できないかということで、select2を使ってみた。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="./lib/js/select2.min.js"></script>
<script>
$(document).ready(function() {
    $('#select2').select2();
});
</script>

<select id="select2">
<option value="js">javascript</option>
<option value="php">php</option>
<option value="python">python</option>
<option value="ruby">ruby</option>
<option value="go">go</option>
</select>

広告

JavaScript, 開発javascript, jQuery, select2