Notice: Trying to access array offset on value of type bool in /var/www/html/wordpress/wp-content/plugins/internal-link-building-plugin/internal_link_building.php on line 86

Notice: Trying to access array offset on value of type bool in /var/www/html/wordpress/wp-content/plugins/internal-link-building-plugin/internal_link_building.php on line 105

JavaScript jQuery select2

JavaScript, 開発javascript, jQuery, select2


Notice: Trying to access array offset on value of type bool in /var/www/html/wordpress/wp-content/plugins/internal-link-building-plugin/internal_link_building.php on line 86

Notice: Trying to access array offset on value of type bool in /var/www/html/wordpress/wp-content/plugins/internal-link-building-plugin/internal_link_building.php on line 105

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>