{"id":634,"date":"2017-10-17T11:15:28","date_gmt":"2017-10-17T02:15:28","guid":{"rendered":"http:\/\/www.takaya-com.jp\/archives\/?p=634"},"modified":"2017-10-17T11:15:28","modified_gmt":"2017-10-17T02:15:28","slug":"date-val%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%80%81%e3%82%bb%e3%83%ac%e3%82%af%e3%83%88%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%80%a3%e5%8b%95%e3%81%95%e3%81%9b%e3%82%8b","status":"publish","type":"post","link":"https:\/\/takaya-com.jp\/archives\/2017\/10\/date-val%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%80%81%e3%82%bb%e3%83%ac%e3%82%af%e3%83%88%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%80%a3%e5%8b%95%e3%81%95%e3%81%9b%e3%82%8b\/","title":{"rendered":"date-val\u3092\u4f7f\u3063\u3066\u3001\u30bb\u30ec\u30af\u30c8\u30dc\u30c3\u30af\u30b9\u3092\u9023\u52d5\u3055\u305b\u308b"},"content":{"rendered":"<p><!-- \u672c\u6587 --><\/p>\n<p>date-val\u3092\u4f7f\u3063\u3066\u3001\u30bb\u30ec\u30af\u30c8\u30dc\u30c3\u30af\u30b9\u3092\u9023\u52d5\u3055\u305b\u308b<br \/>\n<!--more--><br \/>\n\u7c21\u5358\u306a\u30b3\u30fc\u30c9\u3067\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002\u4e0b\u8a18\u304c\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u3067\u3059\u3002<\/p>\n<p>\u25bcJavaScript<\/p>\n<pre class=\"lang:js decode:true \" title=\"JavaScript\" >\r\n$(function(){\r\nvar $children = $('.pref'); \r\nvar original = $children.html(); \r\n \r\n\r\n$('.region').change(function() {\r\n \r\n  \r\n  var val1 = $(this).val();\r\n \r\n \r\n  $children.html(original).find('option').each(function() {\r\n    var val2 = $(this).data('val'); \r\n   \r\n    if (val1 != val2) {\r\n      $(this).not(':first-child').remove();\r\n    }\r\n \r\n  });\r\n \r\n \r\n  if ($(this).val() == \"\") {\r\n    $children.attr('disabled', 'disabled');\r\n  } else {\r\n    $children.removeAttr('disabled');\r\n  }\r\n \r\n});\r\n});\r\n});\r\n\r\n<\/pre>\n<p>\u25bcCSS<\/p>\n<pre class=\"lang:css decode:true \" title=\"CSS\" >\r\n<style type=\"text\/css\">\r\nhtml, body, div, span, applet, object, iframe,\r\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\r\na, abbr, acronym, address, big, cite, code,\r\ndel, dfn, em, img, ins, kbd, q, s, samp,\r\nsmall, strike, strong, sub, sup, tt, var,\r\nb, u, i, center,\r\ndl, dt, dd, ol, ul, li,\r\nfieldset, form, label, legend,\r\ntable, caption, tbody, tfoot, thead, tr, th, td,\r\narticle, aside, canvas, details, embed, \r\nfigure, figcaption, footer, header, hgroup, \r\nmenu, nav, output, ruby, section, summary,\r\ntime, mark, audio, video {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tfont-size: 100%;\r\n\tfont: inherit;\r\n\tvertical-align: baseline;\r\n}\r\n\/* HTML5 display-role reset for older browsers *\/\r\narticle, aside, details, figcaption, figure, \r\nfooter, header, hgroup, menu, nav, section {\r\n\tdisplay: block;\r\n}\r\nbody {\r\n\tline-height: 1;\r\n}\r\nol, ul {\r\n\tlist-style: none;\r\n}\r\nblockquote, q {\r\n\tquotes: none;\r\n}\r\nblockquote:before, blockquote:after,\r\nq:before, q:after {\r\n\tcontent: '';\r\n\tcontent: none;\r\n}\r\ntable {\r\n\tborder-collapse: collapse;\r\n\tborder-spacing: 0;\r\n}\r\n<\/style>\r\n<\/pre>\n<p>\u25bcHTML<\/p>\n<pre class=\"lang:xhtml decode:true \" title=\"HTML\" >\r\n<div>\r\n        <select class=\"region\" name=\"foo\">\r\n          <option value=\"\" selected=\"selected\">\u5730\u65b9\u3092\u9078\u629e<\/option>\r\n          <option value=\"\u5317\u6d77\u9053\u30fb\u6771\u5317\">\u5317\u6d77\u9053\u30fb\u6771\u5317<\/option>\r\n          <option value=\"\u95a2\u6771\">\u95a2\u6771<\/option>\r\n          <option value=\"\u7532\u4fe1\u8d8a\u30fb\u5317\u9678\">\u7532\u4fe1\u8d8a\u30fb\u5317\u9678<\/option>\r\n          <option value=\"\u6771\u6d77\">\u6771\u6d77<\/option>\r\n          <option value=\"\u95a2\u897f\">\u95a2\u897f<\/option>\r\n          <option value=\"\u4e2d\u56fd\">\u4e2d\u56fd<\/option>\r\n          <option value=\"\u56db\u56fd\">\u56db\u56fd<\/option>\r\n          <option value=\"\u4e5d\u5dde\u30fb\u6c96\u7e04\">\u4e5d\u5dde\u30fb\u6c96\u7e04<\/option>\r\n        <\/select>\r\n    <\/div>\r\n \r\n<div>\r\n    <select class=\"pref\" name=\"bar\" disabled>\r\n      <option value=\"\" selected=\"selected\">\u90fd\u9053\u5e9c\u770c\u3092\u9078\u629e<\/option>\r\n      <option value=\"\u5317\u6d77\u9053\" data-val=\"\u5317\u6d77\u9053\u30fb\u6771\u5317\">\u5317\u6d77\u9053<\/option>\r\n      <option value=\"\u9752\u68ee\u770c\" data-val=\"\u5317\u6d77\u9053\u30fb\u6771\u5317\">\u9752\u68ee\u770c<\/option>\r\n      <option value=\"\u5ca9\u624b\u770c\" data-val=\"\u5317\u6d77\u9053\u30fb\u6771\u5317\">\u5ca9\u624b\u770c<\/option>\r\n      <option value=\"\u5bae\u57ce\u770c\" data-val=\"\u5317\u6d77\u9053\u30fb\u6771\u5317\">\u5bae\u57ce\u770c<\/option>\r\n      <option value=\"\u79cb\u7530\u770c\" data-val=\"\u5317\u6d77\u9053\u30fb\u6771\u5317\">\u79cb\u7530\u770c<\/option>\r\n      <option value=\"\u5c71\u5f62\u770c\" data-val=\"\u5317\u6d77\u9053\u30fb\u6771\u5317\">\u5c71\u5f62\u770c<\/option>\r\n      <option value=\"\u798f\u5cf6\u770c\" data-val=\"\u5317\u6d77\u9053\u30fb\u6771\u5317\">\u798f\u5cf6\u770c<\/option>\r\n      <option value=\"\u8328\u57ce\u770c\" data-val=\"\u95a2\u6771\">\u8328\u57ce\u770c<\/option>\r\n      <option value=\"\u6803\u6728\u770c\" data-val=\"\u95a2\u6771\">\u6803\u6728\u770c<\/option>\r\n      <option value=\"\u7fa4\u99ac\u770c\" data-val=\"\u95a2\u6771\">\u7fa4\u99ac\u770c<\/option>\r\n      <option value=\"\u57fc\u7389\u770c\" data-val=\"\u95a2\u6771\">\u57fc\u7389\u770c<\/option>\r\n      <option value=\"\u5343\u8449\u770c\" data-val=\"\u95a2\u6771\">\u5343\u8449\u770c<\/option>\r\n      <option value=\"\u6771\u4eac\u90fd\" data-val=\"\u95a2\u6771\">\u6771\u4eac\u90fd<\/option>\r\n      <option value=\"\u795e\u5948\u5ddd\u770c\" data-val=\"\u95a2\u6771\">\u795e\u5948\u5ddd\u770c<\/option>\r\n      <option value=\"\u65b0\u6f5f\u770c\" data-val=\"\u7532\u4fe1\u8d8a\u30fb\u5317\u9678\">\u65b0\u6f5f\u770c<\/option>\r\n      <option value=\"\u5bcc\u5c71\u770c\" data-val=\"\u7532\u4fe1\u8d8a\u30fb\u5317\u9678\">\u5bcc\u5c71\u770c<\/option>\r\n      <option value=\"\u77f3\u5ddd\u770c\" data-val=\"\u7532\u4fe1\u8d8a\u30fb\u5317\u9678\">\u77f3\u5ddd\u770c<\/option>\r\n      <option value=\"\u798f\u4e95\u770c\" data-val=\"\u7532\u4fe1\u8d8a\u30fb\u5317\u9678\">\u798f\u4e95\u770c<\/option>\r\n      <option value=\"\u5c71\u68a8\u770c\" data-val=\"\u7532\u4fe1\u8d8a\u30fb\u5317\u9678\">\u5c71\u68a8\u770c<\/option>\r\n      <option value=\"\u9577\u91ce\u770c\" data-val=\"\u7532\u4fe1\u8d8a\u30fb\u5317\u9678\">\u9577\u91ce\u770c<\/option>\r\n      <option value=\"\u5c90\u961c\u770c\" data-val=\"\u6771\u6d77\">\u5c90\u961c\u770c<\/option>\r\n      <option value=\"\u9759\u5ca1\u770c\" data-val=\"\u6771\u6d77\">\u9759\u5ca1\u770c<\/option>\r\n      <option value=\"\u611b\u77e5\u770c\" data-val=\"\u6771\u6d77\">\u611b\u77e5\u770c<\/option>\r\n      <option value=\"\u4e09\u91cd\u770c\" data-val=\"\u6771\u6d77\">\u4e09\u91cd\u770c<\/option>\r\n      <option value=\"\u6ecb\u8cc0\u770c\" data-val=\"\u95a2\u897f\">\u6ecb\u8cc0\u770c<\/option>\r\n      <option value=\"\u4eac\u90fd\u5e9c\" data-val=\"\u95a2\u897f\">\u4eac\u90fd\u5e9c<\/option>\r\n      <option value=\"\u5927\u962a\u5e9c\" data-val=\"\u95a2\u897f\">\u5927\u962a\u5e9c<\/option>\r\n      <option value=\"\u5175\u5eab\u770c\" data-val=\"\u95a2\u897f\">\u5175\u5eab\u770c<\/option>\r\n      <option value=\"\u5948\u826f\u770c\" data-val=\"\u95a2\u897f\">\u5948\u826f\u770c<\/option>\r\n      <option value=\"\u548c\u6b4c\u5c71\u770c\" data-val=\"\u95a2\u897f\">\u548c\u6b4c\u5c71\u770c<\/option>\r\n      <option value=\"\u9ce5\u53d6\u770c\" data-val=\"\u4e2d\u56fd\">\u9ce5\u53d6\u770c<\/option>\r\n      <option value=\"\u5cf6\u6839\u770c\" data-val=\"\u4e2d\u56fd\">\u5cf6\u6839\u770c<\/option>\r\n      <option value=\"\u5ca1\u5c71\u770c\" data-val=\"\u4e2d\u56fd\">\u5ca1\u5c71\u770c<\/option>\r\n      <option value=\"\u5e83\u5cf6\u770c\" data-val=\"\u4e2d\u56fd\">\u5e83\u5cf6\u770c<\/option>\r\n      <option value=\"\u5c71\u53e3\u770c\" data-val=\"\u4e2d\u56fd\">\u5c71\u53e3\u770c<\/option>\r\n      <option value=\"\u5fb3\u5cf6\u770c\" data-val=\"\u56db\u56fd\">\u5fb3\u5cf6\u770c<\/option>\r\n      <option value=\"\u9999\u5ddd\u770c\" data-val=\"\u56db\u56fd\">\u9999\u5ddd\u770c<\/option>\r\n      <option value=\"\u611b\u5a9b\u770c\" data-val=\"\u56db\u56fd\">\u611b\u5a9b\u770c<\/option>\r\n      <option value=\"\u9ad8\u77e5\u770c\" data-val=\"\u56db\u56fd\">\u9ad8\u77e5\u770c<\/option>\r\n      <option value=\"\u798f\u5ca1\u770c\" data-val=\"\u4e5d\u5dde\u30fb\u6c96\u7e04\">\u798f\u5ca1\u770c<\/option>\r\n      <option value=\"\u4f50\u8cc0\u770c\" data-val=\"\u4e5d\u5dde\u30fb\u6c96\u7e04\">\u4f50\u8cc0\u770c<\/option>\r\n      <option value=\"\u9577\u5d0e\u770c\" data-val=\"\u4e5d\u5dde\u30fb\u6c96\u7e04\">\u9577\u5d0e\u770c<\/option>\r\n      <option value=\"\u718a\u672c\u770c\" data-val=\"\u4e5d\u5dde\u30fb\u6c96\u7e04\">\u718a\u672c\u770c<\/option>\r\n      <option value=\"\u5927\u5206\u770c\" data-val=\"\u4e5d\u5dde\u30fb\u6c96\u7e04\">\u5927\u5206\u770c<\/option>\r\n      <option value=\"\u5bae\u5d0e\u770c\" data-val=\"\u4e5d\u5dde\u30fb\u6c96\u7e04\">\u5bae\u5d0e\u770c<\/option>\r\n      <option value=\"\u9e7f\u5150\u5cf6\u770c\" data-val=\"\u4e5d\u5dde\u30fb\u6c96\u7e04\">\u9e7f\u5150\u5cf6\u770c<\/option>\r\n      <option value=\"\u6c96\u7e04\u770c\" data-val=\"\u4e5d\u5dde\u30fb\u6c96\u7e04\">\u6c96\u7e04\u770c<\/option>\r\n    <\/select>\r\n<\/div>\r\n<\/pre>\n<p>\u4eca\u56de\u3001\u53c2\u8003\u306b\u3055\u305b\u3066\u3044\u305f\u3060\u3044\u305f\u306e\u306f\u3001<br \/>\n<a href=\"http:\/\/d.hatena.ne.jp\/susan-style\/20090719\/1247992730\">\u300e\u6e0b\u8c37\u306b\u4f4f\u3080WEB\u30c7\u30b6\u30a4\u30ca\u306e\u5099\u5fd8\u9332\u300f<\/a>\u3055\u3093\u3067\u3059\u3002<br \/>\n\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n<p><a href=\"http:\/\/www.takaya-com.jp\/archives\/demo\/region\/\" target=\"_blank\">\u30c7\u30e2\u30da\u30fc\u30b8\u306f\u3001\u3053\u3061\u3089<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>date-val\u3092\u4f7f\u3063\u3066\u3001\u30bb\u30ec\u30af\u30c8\u30dc\u30c3\u30af\u30b9\u3092\u9023\u52d5\u3055\u305b\u308b<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/634"}],"collection":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/comments?post=634"}],"version-history":[{"count":3,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/634\/revisions"}],"predecessor-version":[{"id":638,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/634\/revisions\/638"}],"wp:attachment":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/media?parent=634"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/categories?post=634"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/tags?post=634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}