{"id":362,"date":"2024-01-30T11:11:41","date_gmt":"2024-01-30T04:11:41","guid":{"rendered":"https:\/\/phusingdev.info\/?p=362"},"modified":"2024-09-29T11:45:21","modified_gmt":"2024-09-29T04:45:21","slug":"select-list-%e0%b9%80%e0%b8%a5%e0%b8%b7%e0%b8%ad%e0%b8%81%e0%b8%a0%e0%b8%b2%e0%b8%84-%e0%b8%88%e0%b8%b1%e0%b8%87%e0%b8%ab%e0%b8%a7%e0%b8%b1%e0%b8%94-%e0%b8%ad%e0%b8%b3%e0%b9%80%e0%b8%a0%e0%b8%ad-drop","status":"publish","type":"post","link":"https:\/\/phusingdev.info\/?p=362","title":{"rendered":"Select\/List\u00a0\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e20\u0e32\u0e04-\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14-\u0e2d\u0e33\u0e40\u0e20\u0e2d-\u0e15\u0e33\u0e1a\u0e25-\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c \u0e14\u0e49\u0e27\u0e22 Ajax+API"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e19\u0e35\u0e49\u0e40\u0e23\u0e32\u0e08\u0e30\u0e21\u0e32\u0e1e\u0e39\u0e14\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e17\u0e33\u00a0Dropdown  Select\/List\u00a0 \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u00a0<strong>Ajax<\/strong>\u00a0\u0e43\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e1b\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e35\u0e40\u0e1f\u0e2a \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e14\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01 API \u0e42\u0e14\u0e22\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e32\u0e01\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e20\u0e32\u0e04 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e20\u0e32\u0e04\u0e41\u0e25\u0e49\u0e27 Dropdown \u0e17\u0e35\u0e48 2 \u0e08\u0e30\u0e21\u0e35\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e04\u0e17\u0e35\u0e48\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19 \u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14 Dropdown \u0e17\u0e35\u0e48 3 \u0e08\u0e30\u0e21\u0e35\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e02\u0e2d\u0e07\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01 \u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2d\u0e33\u0e40\u0e20\u0e2d Dropdown \u0e17\u0e35\u0e48 4 \u0e08\u0e30\u0e21\u0e35\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e15\u0e33\u0e1a\u0e25\u0e02\u0e2d\u0e07\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01  \u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e33\u0e1a\u0e25 \u0e08\u0e30\u0e21\u0e35\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c \u0e02\u0e2d\u0e07\u0e15\u0e33\u0e1a\u0e25\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01  \u0e08\u0e30\u0e40\u0e2b\u0e47\u0e19\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e19\u0e35\u0e49\u0e40\u0e23\u0e32\u0e43\u0e0a\u0e49\u00a0 HTML+API \u0e41\u0e25\u0e30\u0e40\u0e2d\u0e32 \u0e40\u0e17\u0e04\u0e19\u0e34\u0e04 Ajax \u0e40\u0e02\u0e49\u0e32\u0e21\u0e32\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19 \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e21\u0e35 \u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e14\u0e46\u0e01\u0e47\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e17\u0e33\u0e44\u0e14\u0e49  \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07 <\/p>\n\n\n<style>.kb-image362_cdc890-12.kb-image-is-ratio-size, .kb-image362_cdc890-12 .kb-image-is-ratio-size{max-width:601px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image362_cdc890-12.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image362_cdc890-12 .kb-image-is-ratio-size{align-self:unset;}.kb-image362_cdc890-12 figure{max-width:601px;}.kb-image362_cdc890-12 .image-is-svg, .kb-image362_cdc890-12 .image-is-svg img{width:100%;}.kb-image362_cdc890-12 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image362_cdc890-12\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"598\" height=\"267\" src=\"https:\/\/phusingdev.info\/wp-content\/uploads\/2024\/01\/2024-01-3010-29-33-ezgif.com-crop-1.gif\" alt=\"\" class=\"kb-img wp-image-371\"\/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e21\u0e32\u0e14\u0e39\u0e42\u0e04\u0e49\u0e14\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:default decode:true \" >&lt;!doctype html&gt;\n&lt;html lang=\"en\"&gt;\n&lt;head&gt;\n    &lt;meta charset=\"utf-8\"&gt;\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;\n    &lt;title&gt;Multiple Dropdown \u0e20\u0e32\u0e04, \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14, \u0e2d\u0e33\u0e40\u0e20\u0e2d, \u0e15\u0e33\u0e1a\u0e25, \u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c&lt;\/title&gt;\n    &lt;!-- Styles --&gt;\n    &lt;link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.1.3\/dist\/css\/bootstrap.min.css\" \/&gt;\n&lt;\/head&gt;\n&lt;body class=\"container\"&gt;\n    &lt;div class=\" mt-5\"&gt;\n        &lt;div class=\"card  mb-3 shadow-sm\" style=\"border-radius: 10px;\"&gt;\n            &lt;div class=\"card-body\"&gt;\n                &lt;h5 class=\"card-title\"&gt;Multiple Dropdown \u0e20\u0e32\u0e04, \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14, \u0e2d\u0e33\u0e40\u0e20\u0e2d, \u0e15\u0e33\u0e1a\u0e25, \u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c&lt;\/h5&gt;\n                &lt;div class=\"row\"&gt;\n                    &lt;div class=\"col-md-2\"&gt;\n                        &lt;label for=\"exampleFormControlInput1\" class=\"form-label\"&gt;\u0e20\u0e32\u0e04&lt;\/label&gt;\n                        &lt;select class=\"form-select\" id=\"geographies\"&gt;\n                            &lt;option selected&gt;\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e20\u0e32\u0e04&lt;\/option&gt;\n                            &lt;option value=\"1\"&gt;\u0e20\u0e32\u0e04\u0e40\u0e2b\u0e19\u0e37\u0e2d&lt;\/option&gt;\n                            &lt;option value=\"2\"&gt;\u0e20\u0e32\u0e04\u0e01\u0e25\u0e32\u0e07&lt;\/option&gt;\n                            &lt;option value=\"3\"&gt;\u0e20\u0e32\u0e04\u0e15\u0e30\u0e27\u0e31\u0e19\u0e2d\u0e2d\u0e01\u0e40\u0e09\u0e35\u0e22\u0e07\u0e40\u0e2b\u0e19\u0e37\u0e2d&lt;\/option&gt;\n                            &lt;option value=\"4\"&gt;\u0e20\u0e32\u0e04\u0e15\u0e30\u0e27\u0e31\u0e19\u0e15\u0e01&lt;\/option&gt;\n                            &lt;option value=\"5\"&gt;\u0e20\u0e32\u0e04\u0e15\u0e30\u0e27\u0e31\u0e19\u0e2d\u0e2d\u0e01&lt;\/option&gt;\n                            &lt;option value=\"6\"&gt;\u0e20\u0e32\u0e04\u0e43\u0e15\u0e49&lt;\/option&gt;\n                        &lt;\/select&gt;\n                    &lt;\/div&gt;\n                    &lt;div class=\"col-md-2\"&gt;\n                        &lt;label for=\"exampleFormControlInput1\" class=\"form-label\"&gt;\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14&lt;\/label&gt;\n                        &lt;select class=\"form-select\" id=\"province\"&gt;\n                            &lt;option selected&gt;\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14&lt;\/option&gt;\n                        &lt;\/select&gt;\n                    &lt;\/div&gt;\n                    &lt;div class=\"col-md-3\"&gt;\n                        &lt;label for=\"exampleFormControlInput1\" class=\"form-label\"&gt;\u0e2d\u0e33\u0e40\u0e20\u0e2d&lt;\/label&gt;\n                        &lt;select class=\"form-select\" id=\"amphure\"&gt;\n                            &lt;option selected&gt;\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e04&lt;\/option&gt;\n                        &lt;\/select&gt;\n                    &lt;\/div&gt;\n                    &lt;div class=\"col-md-3\"&gt;\n                        &lt;label for=\"exampleFormControlInput1\" class=\"form-label\"&gt;\u0e15\u0e33\u0e1a\u0e25&lt;\/label&gt;\n                        &lt;select class=\"form-select\" id=\"tambon\"&gt;\n                            &lt;option selected&gt;\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e33\u0e1a\u0e25&lt;\/option&gt;\n                        &lt;\/select&gt;\n                    &lt;\/div&gt;\n                    &lt;div class=\"col-md-2\"&gt;\n                        &lt;div class=\"mb-3\"&gt;\n                            &lt;label for=\"exampleFormControlInput1\" class=\"form-label\"&gt;\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c&lt;\/label&gt;\n                            &lt;input type=\"text\" class=\"form-control\" id=\"zip_code\"&gt;\n                        &lt;\/div&gt;\n                    &lt;\/div&gt;\n                &lt;\/div&gt;\n            &lt;\/div&gt;\n        &lt;\/div&gt;\n    &lt;\/div&gt;\n    &lt;!-- Scripts --&gt;\n    &lt;script src=\"https:\/\/code.jquery.com\/jquery-3.1.1.min.js\"&gt;&lt;\/script&gt;\n    &lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.1.3\/dist\/js\/bootstrap.bundle.min.js\"&gt;&lt;\/script&gt;\n    &lt;script&gt;\n        $(document).ready(function () {\n            var geographiesObject = $('#geographies');\n            var provinceObject = $('#province');\n            var amphureObject = $('#amphure');\n            var tambonObject = $('#tambon');\n            \/\/\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e43\u0e19\u0e20\u0e32\u0e04\u0e17\u0e35\u0e48\u0e40\u0e25\u0e37\u0e2d\u0e01\n            geographiesObject.on('change', function () {            \n                var geographiesId = $(this).val();\n                provinceObject.html('&lt;option value=\"\"&gt;\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14&lt;\/option&gt;');\n                amphureObject.html('&lt;option value=\"\"&gt;\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2d\u0e33\u0e40\u0e20\u0e2d&lt;\/option&gt;');\n                tambonObject.html('&lt;option value=\"\"&gt;\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e33\u0e1a\u0e25&lt;\/option&gt;');\n                $('#zip_code').val('');\n                $.get('https:\/\/raw.githubusercontent.com\/kongvut\/thai-province-data\/master\/api_province.json', function (data) {\n                    var result = JSON.parse(data);\n                    $.each(result, function (index, item) {\n                        if (item.geography_id == geographiesId) {\n                          provinceObject.append(\n                                $('&lt;option&gt;&lt;\/option&gt;').val(item.id).html(item.name_th)\n                            );\n                        }\n                    });\n                });\n            });\n           \/\/\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e43\u0e19\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e17\u0e35\u0e48\u0e40\u0e25\u0e37\u0e2d\u0e01\n           provinceObject.on('change', function () {\n                var provinceId = $(this).val();\n                amphureObject.html('&lt;option value=\"\"&gt;\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2d\u0e33\u0e40\u0e20\u0e2d&lt;\/option&gt;');\n                tambonObject.html('&lt;option value=\"\"&gt;\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e33\u0e1a\u0e25&lt;\/option&gt;');\n                $('#zip_code').val('');\n                $.get('https:\/\/raw.githubusercontent.com\/kongvut\/thai-province-data\/master\/api_amphure.json', function (data) {\n                    var result = JSON.parse(data);\n                    $.each(result, function (index, item) {\n                        if (item.province_id == provinceId) {\n                            amphureObject.append(\n                                $('&lt;option&gt;&lt;\/option&gt;').val(item.id).html(item.name_th)\n                            );\n                        }\n                    });\n                });\n            });\n            \/\/\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e15\u0e33\u0e1a\u0e25\u0e43\u0e19\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e17\u0e35\u0e48\u0e40\u0e25\u0e37\u0e2d\u0e01\n            amphureObject.on('change', function () {\n                var amphureId = $(this).val();\n                tambonObject.html('&lt;option value=\"\"&gt;\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e33\u0e1a\u0e25&lt;\/option&gt;');\n                $('#zip_code').val('');\n                $.get('https:\/\/raw.githubusercontent.com\/kongvut\/thai-province-data\/master\/api_tambon.json', function (data) {\n                    var result = JSON.parse(data);\n                    $.each(result, function (index, item) {\n                        if (item.amphure_id == amphureId) {\n                            tambonObject.append(\n                                $('&lt;option&gt;&lt;\/option&gt;').val(item.id).html(item.name_th)\n                            );\n                        }\n                    });\n                });\n            });\n            \/\/\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c\n            tambonObject.on('change', function () {\n                var tambonId = $(this).val();\n                $.get('https:\/\/raw.githubusercontent.com\/kongvut\/thai-province-data\/master\/api_tambon.json', function (data) {\n                    var result = JSON.parse(data);\n                    $.each(result, function (index, item) {\n                          if (item.id == tambonId) {\n                             $('#zip_code').val(item.zip_code);                     \n                          }\n                    });\n                });\n            });\n        });\n    &lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0e41\u0e25\u0e30\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22\u0e19\u0e35\u0e49 \u0e2b\u0e32\u0e01\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e2a\u0e07\u0e2a\u0e31\u0e22\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48 \u0e40\u0e21\u0e19\u0e39\u00a0<a href=\"https:\/\/phusingdev.info\/?page_id=39\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/a>\u00a0<\/p>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .kt-info-box362_b57fb4-d7 .kt-blocks-info-box-link-wrap{max-width:unset;}.kt-info-box362_b57fb4-d7 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px;background:#ffffff;padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-info-box362_b57fb4-d7 .kadence-info-box-icon-container .kt-info-svg-icon, .kt-info-box362_b57fb4-d7 .kt-info-svg-icon-flip, .kt-info-box362_b57fb4-d7 .kt-blocks-info-box-number{font-size:50px;}.kt-info-box362_b57fb4-d7 .kt-blocks-info-box-media{background:var(--global-palette7, #eeeeee);border-radius:200px;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;}.kt-info-box362_b57fb4-d7 .kt-blocks-info-box-media-container{margin-top:0px;margin-right:15px;margin-bottom:10px;margin-left:15px;}.kt-info-box362_b57fb4-d7 .kt-blocks-info-box-media .kadence-info-box-image-intrisic img{border-radius:200px;}.kt-info-box362_b57fb4-d7 .kt-infobox-textcontent h2.kt-blocks-info-box-title{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box362_b57fb4-d7 .kt-blocks-info-box-learnmore{background:transparent;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}.kt-info-box362_b57fb4-d7 .kt-blocks-info-box-link-wrap{box-shadow:inset 2px 2px 2px 2px rgba(0, 0, 0, 0);}.kt-info-box362_b57fb4-d7 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}@media all and (max-width: 1024px){.kt-info-box362_b57fb4-d7 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);box-shadow:inset 2px 2px 2px 2px rgba(0, 0, 0, 0);}}@media all and (max-width: 1024px){.kt-info-box362_b57fb4-d7 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}@media all and (max-width: 767px){.kt-info-box362_b57fb4-d7 .kt-blocks-info-box-link-wrap{border-top:5px solid var(--global-palette7, #eeeeee);border-right:5px solid var(--global-palette7, #eeeeee);border-bottom:5px solid var(--global-palette7, #eeeeee);border-left:5px solid var(--global-palette7, #eeeeee);box-shadow:inset 2px 2px 2px 2px rgba(0, 0, 0, 0);}.kt-info-box362_b57fb4-d7 .kt-blocks-info-box-link-wrap:hover{box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}}<\/style>\n<div class=\"wp-block-kadence-infobox kt-info-box362_b57fb4-d7\"><span class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-center\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fa_paypal kt-info-svg-icon\"><svg viewBox=\"0 0 384 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M111.4 295.9c-3.5 19.2-17.4 108.7-21.5 134-.3 1.8-1 2.5-3 2.5H12.3c-7.6 0-13.1-6.6-12.1-13.9L58.8 46.6c1.5-9.6 10.1-16.9 20-16.9 152.3 0 165.1-3.7 204 11.4 60.1 23.3 65.6 79.5 44 140.3-21.5 62.6-72.5 89.5-140.1 90.3-43.4.7-69.5-7-75.3 24.2zM357.1 152c-1.8-1.3-2.5-1.8-3 1.3-2 11.4-5.1 22.5-8.8 33.6-39.9 113.8-150.5 103.9-204.5 103.9-6.1 0-10.1 3.3-10.9 9.4-22.6 140.4-27.1 169.7-27.1 169.7-1 7.1 3.5 12.9 10.6 12.9h63.5c8.6 0 15.7-6.3 17.4-14.9.7-5.4-1.1 6.1 14.4-91.3 4.6-22 14.3-19.7 29.3-19.7 71 0 126.4-28.8 142.9-112.3 6.5-34.8 4.6-71.4-23.8-92.6z\"\/><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h2 class=\"kt-blocks-info-box-title\">\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19<\/h2><p class=\"kt-blocks-info-box-text\">\u0e18\u0e19\u0e32\u0e04\u0e32\u0e23\u0e01\u0e23\u0e38\u0e07\u0e44\u0e17\u0e22<br\/>\u0e40\u0e25\u0e02\u0e1a\u0e31\u0e0d\u0e0a\u0e35 : 8610286703<br\/>\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e31\u0e0d\u0e0a\u0e35 : \u0e19\u0e32\u0e22\u0e27\u0e35\u0e23\u0e0a\u0e31\u0e22 \u0e2d\u0e48\u0e2d\u0e19\u0e21\u0e13\u0e35<\/p><\/div><\/span><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Select\/List\u00a0\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e20\u0e32\u0e04-\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14-\u0e2d\u0e33\u0e40\u0e20\u0e2d-\u0e15\u0e33\u0e1a\u0e25-\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c \u0e14\u0e49\u0e27\u0e22 Ajax+API<br \/>\n\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e19\u0e35\u0e49\u0e40\u0e23\u0e32\u0e08\u0e30\u0e21\u0e32\u0e1e\u0e39\u0e14\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e17\u0e33\u00a0Dropdown  Select\/List\u00a0 \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u00a0Ajax\u00a0\u0e43\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e1b\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e35\u0e40\u0e1f\u0e2a \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e14\u0e36\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01 API \u0e42\u0e14\u0e22\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e32\u0e01\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e20\u0e32\u0e04 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e20\u0e32\u0e04\u0e41\u0e25\u0e49\u0e27 Dropdown \u0e17\u0e35\u0e48 2 \u0e08\u0e30\u0e21\u0e35\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e04\u0e17\u0e35\u0e48\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19 \u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14 Dropdown \u0e17\u0e35\u0e48 3 \u0e08\u0e30\u0e21\u0e35\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e02\u0e2d\u0e07\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01 \u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2d\u0e33\u0e40\u0e20\u0e2d Dropdown \u0e17\u0e35\u0e48 4 \u0e08\u0e30\u0e21\u0e35\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e15\u0e33\u0e1a\u0e25\u0e02\u0e2d\u0e07\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01  \u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e33\u0e1a\u0e25 \u0e08\u0e30\u0e21\u0e35\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c \u0e02\u0e2d\u0e07\u0e15\u0e33\u0e1a\u0e25\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01  \u0e08\u0e30\u0e40\u0e2b\u0e47\u0e19\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e19\u0e35\u0e49\u0e40\u0e23\u0e32\u0e43\u0e0a\u0e49\u00a0 HTML+API \u0e41\u0e25\u0e30\u0e40\u0e2d\u0e32 \u0e40\u0e17\u0e04\u0e19\u0e34\u0e04 Ajax \u0e40\u0e02\u0e49\u0e32\u0e21\u0e32\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19 \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e21\u0e35 \u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e14\u0e46\u0e01\u0e47\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e17\u0e33\u0e44\u0e14\u0e49  \u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07 <\/p>\n","protected":false},"author":1,"featured_media":431,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,3],"tags":[],"class_list":["post-362","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-htmlcss","category-3"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.9.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>dropdown \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14 \u0e2d\u0e4d\u0e32\u0e40\u0e20\u0e2d \u0e15\u0e4d\u0e32\u0e1a\u0e25 \u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c<\/title>\n<meta name=\"description\" content=\"\u00a0\u0e01\u0e32\u0e23\u0e17\u0e33\u00a0Dropdown \u0e20\u0e32\u0e04-\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14-\u0e2d\u0e33\u0e40\u0e20\u0e2d-\u0e15\u0e33\u0e1a\u0e25-\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c \u0e14\u0e49\u0e27\u0e22 Ajax+API \u00a0 \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u00a0Ajax\u00a0\u0e43\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e1b\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e35\u0e40\u0e1f\u0e2a\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/phusingdev.info\/?p=362\" \/>\n<meta property=\"og:locale\" content=\"th_TH\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"dropdown \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14 \u0e2d\u0e4d\u0e32\u0e40\u0e20\u0e2d \u0e15\u0e4d\u0e32\u0e1a\u0e25 \u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c\" \/>\n<meta property=\"og:description\" content=\"\u00a0\u0e01\u0e32\u0e23\u0e17\u0e33\u00a0Dropdown \u0e20\u0e32\u0e04-\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14-\u0e2d\u0e33\u0e40\u0e20\u0e2d-\u0e15\u0e33\u0e1a\u0e25-\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c \u0e14\u0e49\u0e27\u0e22 Ajax+API \u00a0 \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u00a0Ajax\u00a0\u0e43\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e1b\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e35\u0e40\u0e1f\u0e2a\" \/>\n<meta property=\"og:url\" content=\"https:\/\/phusingdev.info\/?p=362\" \/>\n<meta property=\"og:site_name\" content=\"PhusingDEV\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-30T04:11:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-29T04:45:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/phusingdev.info\/wp-content\/uploads\/2024\/01\/list-1.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"576\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"PhusingDev\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"PhusingDev\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 \u0e19\u0e32\u0e17\u0e35\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/phusingdev.info\/?p=362#article\",\"isPartOf\":{\"@id\":\"https:\/\/phusingdev.info\/?p=362\"},\"author\":{\"name\":\"PhusingDev\",\"@id\":\"https:\/\/phusingdev.info\/#\/schema\/person\/96f31f7323e65b628fb3ad4fe0fe51fd\"},\"headline\":\"Select\/List\u00a0\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e20\u0e32\u0e04-\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14-\u0e2d\u0e33\u0e40\u0e20\u0e2d-\u0e15\u0e33\u0e1a\u0e25-\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c \u0e14\u0e49\u0e27\u0e22 Ajax+API\",\"datePublished\":\"2024-01-30T04:11:41+00:00\",\"dateModified\":\"2024-09-29T04:45:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/phusingdev.info\/?p=362\"},\"wordCount\":19,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/phusingdev.info\/#organization\"},\"articleSection\":[\"HTML+CSS\",\"\u0e41\u0e08\u0e01\u0e1f\u0e23\u0e35\"],\"inLanguage\":\"th\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/phusingdev.info\/?p=362#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/phusingdev.info\/?p=362\",\"url\":\"https:\/\/phusingdev.info\/?p=362\",\"name\":\"dropdown \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14 \u0e2d\u0e4d\u0e32\u0e40\u0e20\u0e2d \u0e15\u0e4d\u0e32\u0e1a\u0e25 \u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c\",\"isPartOf\":{\"@id\":\"https:\/\/phusingdev.info\/#website\"},\"datePublished\":\"2024-01-30T04:11:41+00:00\",\"dateModified\":\"2024-09-29T04:45:21+00:00\",\"description\":\"\u00a0\u0e01\u0e32\u0e23\u0e17\u0e33\u00a0Dropdown \u0e20\u0e32\u0e04-\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14-\u0e2d\u0e33\u0e40\u0e20\u0e2d-\u0e15\u0e33\u0e1a\u0e25-\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c \u0e14\u0e49\u0e27\u0e22 Ajax+API \u00a0 \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u00a0Ajax\u00a0\u0e43\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e1b\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e35\u0e40\u0e1f\u0e2a\",\"breadcrumb\":{\"@id\":\"https:\/\/phusingdev.info\/?p=362#breadcrumb\"},\"inLanguage\":\"th\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/phusingdev.info\/?p=362\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/phusingdev.info\/?p=362#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/phusingdev.info\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Select\/List\u00a0\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e20\u0e32\u0e04-\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14-\u0e2d\u0e33\u0e40\u0e20\u0e2d-\u0e15\u0e33\u0e1a\u0e25-\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c \u0e14\u0e49\u0e27\u0e22 Ajax+API\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/phusingdev.info\/#website\",\"url\":\"https:\/\/phusingdev.info\/\",\"name\":\"PhusingDEV\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/phusingdev.info\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/phusingdev.info\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"th\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/phusingdev.info\/#organization\",\"name\":\"PhusingDEV\",\"url\":\"https:\/\/phusingdev.info\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"th\",\"@id\":\"https:\/\/phusingdev.info\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/phusingdev.info\/wp-content\/uploads\/2024\/01\/cropped-large__3_-removebg-preview.png\",\"contentUrl\":\"https:\/\/phusingdev.info\/wp-content\/uploads\/2024\/01\/cropped-large__3_-removebg-preview.png\",\"width\":568,\"height\":120,\"caption\":\"PhusingDEV\"},\"image\":{\"@id\":\"https:\/\/phusingdev.info\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/phusingdev.info\/#\/schema\/person\/96f31f7323e65b628fb3ad4fe0fe51fd\",\"name\":\"PhusingDev\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"th\",\"@id\":\"https:\/\/phusingdev.info\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cd4c4dbccb4ec7073cc5586bad614ff2e964c3f048a3b3f6f68127084a59d398?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cd4c4dbccb4ec7073cc5586bad614ff2e964c3f048a3b3f6f68127084a59d398?s=96&d=mm&r=g\",\"caption\":\"PhusingDev\"},\"sameAs\":[\"https:\/\/phusingdev.info\"],\"url\":\"https:\/\/phusingdev.info\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"dropdown \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14 \u0e2d\u0e4d\u0e32\u0e40\u0e20\u0e2d \u0e15\u0e4d\u0e32\u0e1a\u0e25 \u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c","description":"\u00a0\u0e01\u0e32\u0e23\u0e17\u0e33\u00a0Dropdown \u0e20\u0e32\u0e04-\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14-\u0e2d\u0e33\u0e40\u0e20\u0e2d-\u0e15\u0e33\u0e1a\u0e25-\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c \u0e14\u0e49\u0e27\u0e22 Ajax+API \u00a0 \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u00a0Ajax\u00a0\u0e43\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e1b\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e35\u0e40\u0e1f\u0e2a","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/phusingdev.info\/?p=362","og_locale":"th_TH","og_type":"article","og_title":"dropdown \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14 \u0e2d\u0e4d\u0e32\u0e40\u0e20\u0e2d \u0e15\u0e4d\u0e32\u0e1a\u0e25 \u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c","og_description":"\u00a0\u0e01\u0e32\u0e23\u0e17\u0e33\u00a0Dropdown \u0e20\u0e32\u0e04-\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14-\u0e2d\u0e33\u0e40\u0e20\u0e2d-\u0e15\u0e33\u0e1a\u0e25-\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c \u0e14\u0e49\u0e27\u0e22 Ajax+API \u00a0 \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u00a0Ajax\u00a0\u0e43\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e1b\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e35\u0e40\u0e1f\u0e2a","og_url":"https:\/\/phusingdev.info\/?p=362","og_site_name":"PhusingDEV","article_published_time":"2024-01-30T04:11:41+00:00","article_modified_time":"2024-09-29T04:45:21+00:00","og_image":[{"width":1024,"height":576,"url":"https:\/\/phusingdev.info\/wp-content\/uploads\/2024\/01\/list-1.gif","type":"image\/gif"}],"author":"PhusingDev","twitter_card":"summary_large_image","twitter_misc":{"Written by":"PhusingDev","Est. reading time":"1 \u0e19\u0e32\u0e17\u0e35"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/phusingdev.info\/?p=362#article","isPartOf":{"@id":"https:\/\/phusingdev.info\/?p=362"},"author":{"name":"PhusingDev","@id":"https:\/\/phusingdev.info\/#\/schema\/person\/96f31f7323e65b628fb3ad4fe0fe51fd"},"headline":"Select\/List\u00a0\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e20\u0e32\u0e04-\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14-\u0e2d\u0e33\u0e40\u0e20\u0e2d-\u0e15\u0e33\u0e1a\u0e25-\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c \u0e14\u0e49\u0e27\u0e22 Ajax+API","datePublished":"2024-01-30T04:11:41+00:00","dateModified":"2024-09-29T04:45:21+00:00","mainEntityOfPage":{"@id":"https:\/\/phusingdev.info\/?p=362"},"wordCount":19,"commentCount":0,"publisher":{"@id":"https:\/\/phusingdev.info\/#organization"},"articleSection":["HTML+CSS","\u0e41\u0e08\u0e01\u0e1f\u0e23\u0e35"],"inLanguage":"th","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/phusingdev.info\/?p=362#respond"]}]},{"@type":"WebPage","@id":"https:\/\/phusingdev.info\/?p=362","url":"https:\/\/phusingdev.info\/?p=362","name":"dropdown \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14 \u0e2d\u0e4d\u0e32\u0e40\u0e20\u0e2d \u0e15\u0e4d\u0e32\u0e1a\u0e25 \u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c","isPartOf":{"@id":"https:\/\/phusingdev.info\/#website"},"datePublished":"2024-01-30T04:11:41+00:00","dateModified":"2024-09-29T04:45:21+00:00","description":"\u00a0\u0e01\u0e32\u0e23\u0e17\u0e33\u00a0Dropdown \u0e20\u0e32\u0e04-\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14-\u0e2d\u0e33\u0e40\u0e20\u0e2d-\u0e15\u0e33\u0e1a\u0e25-\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c \u0e14\u0e49\u0e27\u0e22 Ajax+API \u00a0 \u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u00a0Ajax\u00a0\u0e43\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e1b\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e35\u0e40\u0e1f\u0e2a","breadcrumb":{"@id":"https:\/\/phusingdev.info\/?p=362#breadcrumb"},"inLanguage":"th","potentialAction":[{"@type":"ReadAction","target":["https:\/\/phusingdev.info\/?p=362"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/phusingdev.info\/?p=362#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/phusingdev.info\/"},{"@type":"ListItem","position":2,"name":"Select\/List\u00a0\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e20\u0e32\u0e04-\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14-\u0e2d\u0e33\u0e40\u0e20\u0e2d-\u0e15\u0e33\u0e1a\u0e25-\u0e23\u0e2b\u0e31\u0e2a\u0e44\u0e1b\u0e23\u0e29\u0e13\u0e35\u0e22\u0e4c \u0e14\u0e49\u0e27\u0e22 Ajax+API"}]},{"@type":"WebSite","@id":"https:\/\/phusingdev.info\/#website","url":"https:\/\/phusingdev.info\/","name":"PhusingDEV","description":"","publisher":{"@id":"https:\/\/phusingdev.info\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/phusingdev.info\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"th"},{"@type":"Organization","@id":"https:\/\/phusingdev.info\/#organization","name":"PhusingDEV","url":"https:\/\/phusingdev.info\/","logo":{"@type":"ImageObject","inLanguage":"th","@id":"https:\/\/phusingdev.info\/#\/schema\/logo\/image\/","url":"https:\/\/phusingdev.info\/wp-content\/uploads\/2024\/01\/cropped-large__3_-removebg-preview.png","contentUrl":"https:\/\/phusingdev.info\/wp-content\/uploads\/2024\/01\/cropped-large__3_-removebg-preview.png","width":568,"height":120,"caption":"PhusingDEV"},"image":{"@id":"https:\/\/phusingdev.info\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/phusingdev.info\/#\/schema\/person\/96f31f7323e65b628fb3ad4fe0fe51fd","name":"PhusingDev","image":{"@type":"ImageObject","inLanguage":"th","@id":"https:\/\/phusingdev.info\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cd4c4dbccb4ec7073cc5586bad614ff2e964c3f048a3b3f6f68127084a59d398?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cd4c4dbccb4ec7073cc5586bad614ff2e964c3f048a3b3f6f68127084a59d398?s=96&d=mm&r=g","caption":"PhusingDev"},"sameAs":["https:\/\/phusingdev.info"],"url":"https:\/\/phusingdev.info\/?author=1"}]}},"jetpack_featured_media_url":"https:\/\/phusingdev.info\/wp-content\/uploads\/2024\/01\/list-1.gif","acf":[],"_links":{"self":[{"href":"https:\/\/phusingdev.info\/index.php?rest_route=\/wp\/v2\/posts\/362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phusingdev.info\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/phusingdev.info\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/phusingdev.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phusingdev.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=362"}],"version-history":[{"count":8,"href":"https:\/\/phusingdev.info\/index.php?rest_route=\/wp\/v2\/posts\/362\/revisions"}],"predecessor-version":[{"id":380,"href":"https:\/\/phusingdev.info\/index.php?rest_route=\/wp\/v2\/posts\/362\/revisions\/380"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/phusingdev.info\/index.php?rest_route=\/wp\/v2\/media\/431"}],"wp:attachment":[{"href":"https:\/\/phusingdev.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phusingdev.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phusingdev.info\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}