{"id":175,"date":"2009-11-19T10:32:54","date_gmt":"2009-11-19T02:32:54","guid":{"rendered":"http:\/\/syarman.com\/soft\/?p=175"},"modified":"2009-11-19T10:50:06","modified_gmt":"2009-11-19T02:50:06","slug":"dropdown-dinamik-dynamic-dropdown-atau-select","status":"publish","type":"post","link":"http:\/\/syarman.com\/soft\/2009\/11\/19\/dropdown-dinamik-dynamic-dropdown-atau-select\/","title":{"rendered":"Dropdown Dinamik (Dynamic Dropdown) atau Select"},"content":{"rendered":"<p>Artikel kali ini akan menceritakan bagaimana mahu menggunakan kod yang telah saya bina ini untuk kegunaan kalian. Mula-mula sekali muat turun <a href=\"http:\/\/syarman.com\/files\/dynamicSelect.zip\">fail ini<\/a>.<\/p>\n<p>Untuk mencuba fail tadi, kalian memerlukan apache, php dan juga mysql.<\/p>\n<p>Bagaimana mahu menggunakan skrip ini?<\/p>\n<p>1. Perlu memuatkan skrip jQuery versi 1.3.2 (sudah dibekalkan di dalam fail zip).<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;script type=&quot;text\/javascript&quot; src=&quot;javascript\/jquery-1.3.2.js&quot;&gt;&lt;\/script&gt;\r\n<\/pre>\n<p>2. Perlu memuatkan skrip dynamicSelect (sudah dibekalkan di dalam fail zip).<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;script type=&quot;text\/javascript&quot; src=&quot;javascript\/jquery.dynamicSelect-1.2.0.js&quot;&gt;&lt;\/script&gt;\r\n<\/pre>\n<p>3. Memanggil fungsi dynamicSelect.<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;script type=&quot;text\/javascript&quot;&gt;\r\n    $(document).ready(function() {\r\n        $(&quot;#state&quot;).dynamicSelect({\r\n          url:'district.php', \/\/url ke halaman yang menjana JSON\r\n          target:'district', \/\/id dinamik dropdown\r\n          msg:'Sedang Memproses', \/\/ secara auto ia akan memaparkan Loading... jika di setkan ia akan memaparkan mesej yang disetkan.\r\n        })\r\n      });\r\n    &lt;\/script&gt;\r\n<\/pre>\n<p>Syarat menggunakan skrip ini ialah, sentiasa menggunakan $_GET[&#8216;select_id&#8217;] untuk menerima parameter.<\/p>\n<p>Yang kedua, format JSON haruslah seperti ini.<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n&#x5B;{&quot;id&quot;:&quot;1&quot;,&quot;description&quot;:&quot;BATU PAHAT&quot;},\r\n{&quot;id&quot;:&quot;2&quot;,&quot;description&quot;:&quot;JOHOR BAHRU&quot;}]\r\n<\/pre>\n<p>Selamat mencuba!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Artikel kali ini akan menceritakan bagaimana mahu menggunakan kod yang telah saya bina ini untuk kegunaan kalian. Mula-mula sekali muat turun fail ini. Untuk mencuba fail tadi, kalian memerlukan apache, php dan juga mysql. Bagaimana mahu menggunakan skrip ini? 1. Perlu memuatkan skrip jQuery versi 1.3.2 (sudah dibekalkan di dalam fail zip). &lt;script type=&quot;text\/javascript&quot; src=&quot;javascript\/jquery-1.3.2.js&quot;&gt;&lt;\/script&gt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,3,11,5,4],"tags":[],"class_list":["post-175","post","type-post","status-publish","format-standard","hentry","category-ajax","category-code","category-html","category-javascript","category-php"],"_links":{"self":[{"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/posts\/175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/comments?post=175"}],"version-history":[{"count":6,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/posts\/175\/revisions"}],"predecessor-version":[{"id":181,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/posts\/175\/revisions\/181"}],"wp:attachment":[{"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/media?parent=175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/categories?post=175"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/syarman.com\/soft\/wp-json\/wp\/v2\/tags?post=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}