{"id":579,"date":"2015-06-13T17:17:45","date_gmt":"2015-06-13T08:17:45","guid":{"rendered":"http:\/\/gomocool.net\/gomokulog\/?p=579"},"modified":"2017-10-02T17:40:13","modified_gmt":"2017-10-02T08:40:13","slug":"%e3%81%96%e3%81%a3%e3%81%8f%e3%82%8a%e3%81%a8select2","status":"publish","type":"post","link":"https:\/\/gomokulog.gomocool.net\/?p=579","title":{"rendered":"\u3056\u3063\u304f\u308a\u3068Select2"},"content":{"rendered":"<p>\u4f7f\u3046\u6a5f\u4f1a\u306f\u591a\u3044\u3051\u3069\u3001\u5c11\u3005\u7269\u8db3\u308a\u306a\u3044HTML\u306eSelect\u30bf\u30b0\u3053\u3068\u30bb\u30ec\u30af\u30c8\u30dc\u30c3\u30af\u30b9\u3002<br \/>\n\u9805\u76ee\u6570\u304c\u591a\u304f\u306a\u308b\u3068\u3001\u4e0b\u306b\u4e0b\u306b\u305f\u3069\u308b\u3081\u3093\u3069\u304f\u3055\u3055\u3084\u3001\u8907\u6570\u9078\u629e\u306eUI\u306e\u308f\u304b\u308a\u306b\u304f\u3055\u7b49\u3002<\/p>\n<p>\u305d\u3093\u306aSelect\u30bf\u30b0\u3092\u7c21\u5358\u306b\u4f7f\u3044\u3084\u3059\u304f\u9ad8\u6a5f\u80fd\u306b\u3057\u3066\u304f\u308c\u308bjQuery\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u304c<strong>Select2<\/strong>\u3002<br \/>\n\u30e9\u30a4\u30bb\u30f3\u30b9\u306f\u307f\u3093\u306a\u5927\u597d\u304dMIT License\u3002<\/p>\n<h2>\u7d44\u307f\u8fbc\u307f<\/h2>\n<p>\u7d44\u307f\u8fbc\u307f\u65b9\u306f2\u901a\u308a\u3002<br \/>\n\u30db\u30b9\u30c6\u30a3\u30f3\u30b0\u30b5\u30fc\u30d3\u30b9\u304b\u3089\u76f4\u63a5\u53d6\u308b\u304b\u3001\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u81ea\u30b5\u30a4\u30c8\u3078\u7d44\u307f\u8fbc\u3080\u304b\u3002<\/p>\n<h4>\u25a0<a href=\"https:\/\/cdnjs.com\/libraries\/select2\" target=\"_blank\" rel=\"noopener\">cdnjs<\/a>\u304b<a href=\"http:\/\/www.jsdelivr.com\/#!select2\" target=\"_blank\" rel=\"noopener\">jsDeliver<\/a>\u30db\u30b9\u30c6\u30a3\u30f3\u30b0\u3055\u308c\u3066\u3044\u308b\u306e\u3092\u4f7f\u3046\u65b9\u6cd5<\/h4>\n<p>cdnjs\u304b\u3089\u3068\u3063\u3066\u304f\u308b\u5834\u5408<\/p>\n<pre class=\"lang:xhtml decode:true\">&lt;link href=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/select2\/4.0.0\/css\/select2.min.css\" rel=\"stylesheet\" \/&gt;\r\n&lt;script src=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/select2\/4.0.0\/js\/select2.min.js\"&gt;&lt;\/script&gt;<\/pre>\n<h4>\u00a0\u25a0\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u6b21\u30b5\u30a4\u30c8\u306b\u7d44\u307f\u8fbc\u3080\u65b9\u6cd5<\/h4>\n<p><a href=\"https:\/\/github.com\/select2\/select2\/releases\" target=\"_blank\" rel=\"noopener\">\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30b5\u30a4\u30c8<\/a>\u304b\u3089\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u304d\u307e\u3059\u3002<\/p>\n<p>\u89e3\u51cd\u3057\u305f\u30d5\u30a1\u30a4\u30eb\u306edist\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u5165\u3063\u3066\u3044\u308bcss\u3068js\u306e\u30bb\u30c3\u30c8\u3092\u30b5\u30a4\u30c8\u306b\u7d44\u307f\u8fbc\u3093\u3067\u4f7f\u3044\u307e\u3059\u3002<\/p>\n<h2>\u4f7f\u3044\u65b9<\/h2>\n<h4>JavaScript\u3067\u8a2d\u5b9a<\/h4>\n<pre class=\"lang:js decode:true \">&lt;script type=\"text\/javascript\"&gt;\r\n  $('select').select2();\r\n&lt;\/script&gt;<\/pre>\n<p>\u3082\u3061\u308d\u3093\u3001\u3053\u308c\u3060\u3068\u5168\u90e8\u3042\u305f\u308b\u306e\u3067\u7279\u5b9a\u306e\u30af\u30e9\u30b9\u540d\u3092\u6307\u5b9a\u3057\u3066\u3082\u3044\u3044\u3002<\/p>\n<p>\u3061\u306a\u307f\u306bjQuery\u3067Select\u306e\u5024\u3092\u30bb\u30c3\u30c8\u3057\u3066\u3082\u30a4\u30d9\u30f3\u30c8\u3092\u8d77\u3053\u3055\u306a\u3044\u3068\u5909\u308f\u3089\u306a\u3044\u3002<\/p>\n<pre class=\"lang:js decode:true \">$('select').val('moge').change();<\/pre>\n<p>\u6700\u4f4e\u9650\u306e\u6a5f\u80fd\u3060\u3051\u4e57\u305b\u305f<a href=\"http:\/\/gomocool.net\/lab\/select2.html\" target=\"_blank\" rel=\"noopener\">\u30c7\u30e2\u30da\u30fc\u30b8<\/a>\u4f5c\u3063\u3066\u307f\u305f\u3002<\/p>\n<p>\u8272\u3005\u306a\u6a5f\u80fd\u304c\u898b\u305f\u3051\u308c\u3070\u672c\u5bb6\u306e<a href=\"https:\/\/select2.github.io\/examples.html\" target=\"_blank\" rel=\"noopener\">\u30b5\u30f3\u30d7\u30eb\u30da\u30fc\u30b8<\/a>\u3092\u3054\u53c2\u8003\u306b\u3002<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4f7f\u3046\u6a5f\u4f1a\u306f\u591a\u3044\u3051\u3069\u3001\u5c11\u3005\u7269\u8db3\u308a\u306a\u3044HTML\u306eSelect\u30bf\u30b0\u3053\u3068\u30bb\u30ec\u30af\u30c8\u30dc\u30c3\u30af\u30b9\u3002 \u9805\u76ee\u6570\u304c\u591a\u304f\u306a\u308b\u3068\u3001\u4e0b\u306b\u4e0b\u306b\u305f\u3069\u308b\u3081\u3093\u3069\u304f\u3055\u3055\u3084\u3001\u8907\u6570\u9078\u629e\u306eUI\u306e\u308f\u304b\u308a\u306b\u304f\u3055\u7b49\u3002 \u305d\u3093\u306aSelect\u30bf\u30b0\u3092\u7c21\u5358\u306b\u4f7f\u3044\u3084\u3059\u304f\u9ad8\u6a5f\u80fd\u306b\u3057\u3066&hellip;  <a href=\"https:\/\/gomokulog.gomocool.net\/?p=579\" class=\"more-link\">more <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[15,53],"class_list":["post-579","post","type-post","status-publish","format-standard","hentry","category-html-css-javascript","tag-jquery","tag-select2"],"_links":{"self":[{"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=\/wp\/v2\/posts\/579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=579"}],"version-history":[{"count":5,"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=\/wp\/v2\/posts\/579\/revisions"}],"predecessor-version":[{"id":847,"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=\/wp\/v2\/posts\/579\/revisions\/847"}],"wp:attachment":[{"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=579"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=579"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}