Forgot Password ??

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

	Registered : 109,027

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

ขอสอบถามครับ ต้องการส่งตัวแปร จาก 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 : 1268

Reply : 2

No. 1

mr.v

โพสกระทู้ ( 4,720 )
บทความ ( 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 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 01