เป็นบทความต่อเนื่องจากบทความก่อนหน้า เป็นการส่งค่าแบบ Multiple Listbox ซึ่งสามารถส่งค่าได้ หลายๆตัวในการกด Submit เพียงครั้งเดียว ด้วยการส่งค่าแบบ Array ด้วย PHP, jQuery, jSon...
รูปแบบการส่งค่าด้วย PHP
ข้อสังเกตุ
ท่านสังเกตุดูนะครับตรง name="multiplelisbox[]" ตรงนี้เป็นการส่งค่าแบบ Array ไปให้
PHP ประมวลผลนะครับ
รูปแบบการส่งค่าด้วย jQuery + jSon
jQuery
ข้อสังเกตุ
เก็บค่าแบบ value -> $(selected).val();
เก็บค่าแบบ text -> $(selected).text();
ตรงนี้ var datastring = {'textvalues':JSON.stringify(textvalues)} เป็นการสร้างตัวแปรข้อมูลแบบ jSon ครับ
HTML
Multiple Listbox
รูปแบบการส่งค่าด้วย jQuery
jQuery
ข้อสังเกตุ
เก็บค่าแบบ value -> document.formjquery.listboxjquery[i].value ;
เก็บค่าแบบ text -> document.formjquery.listboxjquery[i].text ;
ตรงนี้ document.formjquery.listboxjquery.length; นับแถวใน from ก่อนจากนั้นก็วนลูป
เฉพาะตัวที่ selected ออกมาครับ
HTML
ไฟล์ listboxphp.php สำหรับการรับค่าจาก Listbox
/*---- รับค่าจากการส่งแบบ PHP ----*/ if(isset($_POST['multiplelisboxphp'])){ $text = array($_POST['multiplelisboxphp']); echo "
"; echo "textvalues = "; foreach ($text as $key => $textvalues){ for($i=0; $i< count($textvalues); $i++){ echo $textvalues[$i]; echo " "; } echo "
"; echo "เป็นการเก็บค่าของ value นะครับ"; } } /*---- รับค่าจากการส่งแบบ jQuery + jSon ----*/ if($_POST['textvalues']){ $textvalues = $_POST['textvalues']; $find = array('\\','"','[',']'); $replace = array("","","",""); $textvalues = str_replace($find, $replace, $textvalues); echo $textvalues; //print_r($textvalues); } /*---- รับค่าจากการส่งแบบ jQuery ----*/ if($_POST['textval']){ $textval = $_POST['textval']; echo $textval; } ?>
บทความนี้ก็ขอจบเพียงเท่านี้ครับ ผิดพลาดยังไง ขออภัยด้วยครับ
0 ความคิดเห็น:
แสดงความคิดเห็น