Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 108,358

HOME > PHP > PHP Forum > สอบถามการดึง page อื่น มาแสดงในหน้า index.php โดยเขียนแบบ ajax ต้องทำยังไงค่ะ



 

สอบถามการดึง page อื่น มาแสดงในหน้า index.php โดยเขียนแบบ ajax ต้องทำยังไงค่ะ

 



Topic : 118324



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



สถานะออฟไลน์
Facebook



code เดิม จะทำเป็น select 2 ชั้นเชื่อมกันแล้วลิ้งค์ไปยัง page นั้น แต่อยากให้แสดงผลหน้า index หน้าเดียวเลย

ไฟล์ index.php

Code (PHP)
<form class="form-inline" method="get" action="search.php">                
                <select name="dep" class="form-control">
		<option>-- เลือกหน่วยงาน --</option>
		<option>งานคลังและพัสดุ</option>
		<option>งานบริหารและธุรการ</option>
                <option>งานแผนและพัฒนาคุณภาพ</option>
                <option>งานวิชาการ</option>
                <option>งานการศึกษา</option>
	</select>
	<select name="cname" class="form-control">
            <option>-- หน่วยงานย่อย --</option>
	</select>
                <input type="submit" class="btn btn-primary btn-large" value="Search">
          
 </form>



ไฟล์ dep.js
Code (JavaScript)
$(document).ready(function() {
$department = $("select[name='dep']");
$cname = $("select[name='cname']");

$department.change(function() {

if ($(this).val() == "งานคลังและพัสดุ") {
$("select[name='cname'] option").remove();
$("<option value='unit_stock.php' >หน่วยพัสดุ</option>").appendTo($cname);
$("<option value='unit_finance.php' >หน่วยการเงินและบัญชี</option>").appendTo($cname);
}

if ($(this).val() == "งานบริหารและธุรการ") 
{
$("select[name='cname'] option").remove();
$("<option value='unit_human_resource.php'>หน่วยทรัพยากรบุคคล</option>").appendTo($cname);
$("<option value='unit_it.php'>หน่วยสารสนเทศ</option>").appendTo($cname);
$("<option value='unit_public_relations.php'>หน่วยประชาสัมพันธ์</option>").appendTo($cname);
$("<option value='unit_audiovisual.php'>หน่วยโสตทัศนูปกรณ์และอาคารสถานที่</option>").appendTo($cname);
$("<option value='unit_vehicles.php'>หน่วยยานพาหนะ</option>").appendTo($cname);
$("<option value='unit_archives.php'>หน่วยธุรการและสารบรรณ</option>").appendTo($cname);
$("<option value='unit_secretary.php'>หน่วยเลขานุการและการประชุม</option>").appendTo($cname);
}
if ($(this).val() == "เลือกหน่วยงาน") 
{
$("select[name='cname'] option").remove();
$("<option>-- หน่วยงานย่อย --</option>").appendTo($cname);
}

});



ไฟล์ search.php
Code (PHP)
 <?php 
header("Location: http://localhost/phpproject2/".$_GET['cname']);  
?> 





Tag : PHP, HTML/CSS, JavaScript, Ajax, jQuery









ประวัติการแก้ไข
2015-08-10 15:54:56
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-08-10 15:53:41 By : oporzaa111 View : 552 Reply : 1
 

 

No. 1



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



สถานะออฟไลน์
Twitter Facebook Blogger

Just see a big picture first,
your problem is to find a solution to search page in AJAX.
https://www.w3schools.com/php/php_ajax_livesearch.asp

Next is to get the document of Jquery AJAX method.
https://api.jquery.com/jquery.ajax/






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-06-06 17:45:08 By : PhrayaDev
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามการดึง page อื่น มาแสดงในหน้า index.php โดยเขียนแบบ ajax ต้องทำยังไงค่ะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม , รับทำบัญชี , โรงงานผลิตครีม , สำนักงานบัญชี , รับจดทะเบียนบริษัท , Pangpond , รถมือสอง

Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2020 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่