Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > ขอสอบถามครับ ต้องการส่งตัวแปร จาก select option ไปยังค่า Ajax ใน Data table เพื่อ query ข้อมูล แล้ว Reload ใหม่

[PHP] ขอสอบถามครับ ต้องการส่งตัวแปร จาก select option ไปยังค่า Ajax ใน Data table เพื่อ query ข้อมูล แล้ว Reload ใหม่

เริ่มหัวข้อใหม่

Infinity

โพสกระทู้ ( 190 )
บทความ ( 0 )

Code Ajax Data table

Code (JavaScript)

var  dataTable = $('#user_data').DataTable({
                "scrollX": true
                , "processing": true
                , "serverSide": true
                , "dom": 'Bfrtip'
                , "buttons": [
                    'copy', 'csv', 'excel', 'pdf', 'print'
                ]
                , "order": []
                , "ajax": {
                    url: "list_fetch.php"
                    ,type: "POST"
                    , data: {id: valueSelected}
                    }
                });
            

เมื่อเลือก Drop Down List จาก Html อยากเอาค่า valueSelected ที่ได้ ไปแทน ตัวแปรใน Ajax Data table แล้ว Reload ค่าใหม่

Code (JavaScript)

$("select").on('change', function () {
var valueSelected = $(this).val();
                 
});

ไม่แน่ใจว่าต้องเขียนส่งตัวแปรไปในรูปแบบไหนครับ หรือมีวิธีอื่นที่ทำกันไหมครับ ขอบคุณครับ

Tag : PHP, MySQL, HTML, Ajax, jQuery

Date : 2020-11-18 23:33:04

By : the_cop

View : 1508

Reply : 2

No. 1

mr.v

โพสกระทู้ ( 4,765 )
บทความ ( 8 )

https://github.com/RundizBones/ModuleAdmin/blob/master/assets-src/js/Controllers/Admin/Users/indexAction.js
https://github.com/RundizBones/ModuleAdmin/blob/master/assets-src/js/Controllers/Admin/UI/RdbaDatatables.js

แกะโค้ดเอานะ

Code (JavaScript)

ajax: {
    // ...
    'data': function(data) {
        data.filterStatus = $('#rdba-filter-status').val();
    }
}

document
https://datatables.net/reference/option/ajax.data
https://datatables.net/reference/event/search
https://datatables.net/reference/api/search()
https://datatables.net/reference/api/column().search()

Code (JavaScript)

var table = $('#example').DataTable();
  
// #myInput is a <input type="text"> element
$('#myInput').on( 'keyup', function () {
    table.search( this.value ).draw();
} );

การเรียกใช้ .search() ก็ดักเอาว่าจะ listen จากตัวไหนว่าอะไร อย่างเช่น selectbox.addEventListener('change', function() {/* code */});

ประวัติการแก้ไข
2020-11-18 23:58:55
2020-11-18 23:59:53
2020-11-19 00:00:12

Date : 2020-11-18 23:57:30

By : mr.v

No. 2

Infinity

โพสกระทู้ ( 190 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.v เมื่อวันที่ 2020-11-18 23:57:30

รายละเอียดของการตอบ ::

ขอบคุณมากครับ

Date : 2020-11-19 10:29:12

By : the_cop

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ขอสอบถามครับ ต้องการส่งตัวแปร จาก select option ไปยังค่า Ajax ใน Data table เพื่อ query ข้อมูล แล้ว Reload ใหม่

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)