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

Registered : 109,037

HOME > PHP > PHP Forum > สอบถามเกี่ยวกับ PHP การทำ Select(List/Menu) jQuery+Ajax+PHP



 

สอบถามเกี่ยวกับ PHP การทำ Select(List/Menu) jQuery+Ajax+PHP

 



Topic : 094774



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



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




คือจาก

https://www.thaicreate.com/community/php-jquery-ajax-list-menu.html

ผมนำโคดมาดัดแปลงนิดหน่อยครับ

ติดอยู่ ส่วนหนึ่งคือ ผมอยากจะเพิ่ม Select(List/Menu) อีก 1 อันครับ

Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery use json data</title>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="ajax.js" ></script>
</head>

<body onload="Add();">
<label for="Proviance">จังหวัด</label>
<select name="Proviance" id="Proviance">
</select>
<label for="ProID">รหัสจังหวัด</label>
<input type="text" name="ProID" id="ProID" />
<p>
  <label for="District">อำเภอ</label>
  <select name="District" id="District">
  </select>
  <label for="DisID">รหัสอำเภอ</label>
  <input type="text" name="DisID" id="DisID" />
</P>
<p>
  <label for="Subdistrict">ตำบล</label>
  <select name="Subdistrict" id="Subdistrict">
  </select>
  <label for="SubID">รหัสตำบล</label>
  <input type="text" name="SubID" id="SubID" />
</P>
<p>
  <label for="Postcode">รหัสไปรษณีย์</label>
  <select name="Postcode" id="Postcode">
  </select>
  <label for="PostID">รหัสไปรษณีย์</label>
  <input type="text" name="PostID" id="PostID" />
</P>
<p>
  <label for="Add">Add</label>
  <select name="Add" id="Add">
  </select>
  <label for="AddID">รหัส Add</label>
  <input type="text" name="AddID" id="AddID" />
</P>
</body>
</html>


Code (PHP)
// JavaScript Document
$(document).ready(function(){
	// ส่วนของจังหวัดเมื่อมีการเปลี่ยนแปลง
	$("#Proviance").change(function(){
		$("#Subdistrict").empty();//ล้างข้อมูล
		$("#Postcode").empty();//ล้างข้อมูล
		$("#DisID").val("");//ล้างข้อมูล
		$("#SubID").val("");//ล้างข้อมูล
		$("#PostID").val("");//ล้างข้อมูล
		$.ajax({
			  url: "getdata.php",//ที่อยู่ของไฟล์เป้าหมาย
			  global: false,
			  type: "GET",//รูปแบบข้อมูลที่จะส่ง
			  data: ({ID : $(this).val(),TYPE : "District"}), //ข้อมูลที่ส่ง  { ชื่อตัวแปร : ค่าตัวแปร }
			  dataType: "JSON", //รูปแบบข้อมูลที่ส่งกลับ xml,script,json,jsonp,text
			  async:false,
			  success: function(jd) { //แสดงข้อมูลเมื่อทำงานเสร็จ โดยใช้ each ของ jQuery
							var opt="<option value=\"0\" selected=\"selected\">---เลือกอำเภอ---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["AMPHUR_ID"] +"'>"+val["AMPHUR_NAME"]+"</option>"
    						});
							$("#District").html( opt );//เพิ่มค่าลงใน Select ของอำเภอ
		   	  }
		});	
		$("#ProID").val($(this).val()); //กำหนดค่า ID ของจังหวัดที่เลือกให้กับ Textfield ของจังหวัด
	});
	// ส่วนของอำเภอเมื่อมีการเปลี่ยนแปลง
	$("#District").change(function(){
		$("#Subdistrict").empty();
		$("#Postcode").empty();
		$("#SubID").val("");
		$("#PostID").val("");
		$.ajax({
			  url: "getdata.php",
			  global: false,
			  type: "GET",
			  data: ({ID : $(this).val(),TYPE : "Subdistrict"}),
			  dataType: "JSON",
			  async:false,
			  success: function(jd) {
							var opt="<option value=\"0\" selected=\"selected\">---เลือกตำบล---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["DISTRICT_ID"] +"'>"+val["DISTRICT_NAME"]+"</option>"
    						});
							$("#Subdistrict").html( opt );
		   	  }
		 });
		 $("#DisID").val($(this).val());
	});
	// ส่วนของตำบลเมื่อมีการเปลี่ยนแปลง
	$("#Subdistrict").change(function(){
		$("#PostID").val("");
		$.ajax({
			  url: "getdata.php",
			  type: "GET",
			  data: ({ID : $("#District").val(),TYPE : "Postcode"}),
			  dataType: "JSON",
			  success: function(jd) {
							var opt="<option value=\"0\" selected=\"selected\">---เลือกรหัสไปรษณีย์---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["POST_CODE"] +"'>"+val["POST_CODE"]+"</option>"
    						});
							$("#Postcode").html( opt );
		   	  }
		 });
		 $("#SubID").val($("#Subdistrict").val());
	});
	// ส่วนของรหัสไปรษณีย์เมื่อมีการเปลี่ยนแปลง    <<<<<-------------- ตรงนี้อ่ะครับ ผมจะเขียนเพิ่มยังไง แนะนำหน่อยครับ ผมลองแล้วก้ไม่ได้ผลอะครับ
	$("#Postcode").change(function(){
		$("#PostID").val($(this).val());
	});
});
//ส่วนของ function เพื่อเพิ่มข้อมูลจังหวัดเข้าไปก่อน
function Add(){
		$.ajax({
			  url: "getdata.php",
			  global: false,
			  type: "GET",
			  data: ({TYPE : "Proviance"}),
			  dataType: "JSON",
			  async:false,
			  success: function(jd) {
							var opt="<option value=\"0\" selected=\"selected\">---เลือกจังหวัด---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["PROVINCE_ID"] +"'>"+val["PROVINCE_NAME"]+"</option>"
    						});
							$("#Proviance").html( opt );
		   	  }
		});
}




Tag : PHP, MySQL








ประวัติการแก้ไข
2013-05-06 21:31:43
2013-05-06 21:31:43
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-05-06 21:31:06 By : cappuczino View : 1678 Reply : 16
 

 

No. 1



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



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


ไม่มีใครทราบเลยเหรอครับบ T_T

Code (PHP)
 ส่วนของรหัสไปรษณีย์เมื่อมีการเปลี่ยนแปลง    <<<<<-------------- ตรงนี้อ่ะครับ ผมจะเขียนเพิ่มยังไง แนะนำหน่อยครับ ผมลองแล้วก้ไม่ได้ผลอะครับ
	$("#Postcode").change(function(){
		$("#PostID").val($(this).val());
	});
});


ตรงนี้อ่ะครับ ผมจะเขียน function เพิ่มเข้าไปยังไงครับ ลองแก้แล้ว ก้ใช้ไม่ได้เลย




ประวัติการแก้ไข
2013-05-06 23:23:04
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-06 23:06:30 By : cappuczino
 


 

No. 2



โพสกระทู้ ( 1,521 )
บทความ ( 2 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

จะเพิ่มอะไรครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-07 01:02:01 By : Krungsri
 

 

No. 3



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



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


เพิ่ม จาก Code มันจะมีอยู่ 4 ชุด ผมต้องการเพิ่มอีกชุดนึ่ง ซึ่งใน HTML ผมทำได้ครับ สร้าง select อีก 1 อันขึ้นมาเท่านั้น

ใน getdata_work.php ผมก้เพิ่ม SELECT ฐานข้อมูลได้

แต่ติดตรง function ajax_work.js อ่ะครับ ผมจะเพิ่มยังไง อีก 1 function

Form_work.php
<tr>
<td width="20%">Dosage</td>
<td><select name="Dosage" id="Dosage"></select></td>
<td width="20%">รหัส Dosage</td>
<td><input type="text" name="ProID" id="ProID" /></td>
</tr>

<tr>
<p>
 <td width="20%"> Trade</td>
 <td> <select name="Trade" id="Trade"></select></td>
<td width="20%"> รหัส Trade</td>
 <td> <input type="text" name="DisID" id="DisID" /></td>
</P>
</tr>


<tr>
<p>
<td width="20%">  Code </td>
 <td> <select name="Code" id="Code"></select></td>
  <td width="20%">  รหัส Code </td>
 <td> <input type="text" name="SubID" id="SubID" /></td>
</P>
</tr>


<tr>
<p>
<td width="20%"> Batch</td>
 <td> <select name="Batch" id="Batch"></select></td>
<td width="20%">  รหัส Batch</td>
 <td> <input type="text" name="PostID" id="PostID" /></td>
</P>
</tr>

<tr>
<p>
<td width="20%"> Type</td>
 <td> <select name="T_ype" id="T_ype"></select></td>
<td width="20%">  รหัส Type</td>
 <td> <input type="text" name="T_ypeID" id="T_ypeID" /></td>
</P>
</tr>


getdata_work.php
if($type=='Dosage'){
		$query="SELECT ID_Dosage, Name_Dosage FROM Dosage ORDER BY Name_Dosage ASC ";
	}else if($type=='Trade') {
		$query="SELECT ID_Trade, Name_Trade , Note FROM Trade_c WHERE ID_Dosage='".$ID."'";
	} else if($type=='Code'){
		$query="SELECT ID_Code, Name_Code FROM code WHERE ID_Trade='".$ID."'";
	} else if($type=='Batch'){
		$query="SELECT ID_Batch, Name_Batch FROM batch WHERE ID_Code='".$ID."'";
	}else if($type==T_ype){
		$query="SELECT Type_Trade FROM batch WHERE ID_Batch='".$ID."'";
	}





ajax_work.js บรรทันที่ 68 อ่ะครับ
// JavaScript Document
$(document).ready(function(){
	// ส่วนของDosageเมื่อมีการเปลี่ยนแปลง
	$("#Dosage").change(function(){
		$("#Code").empty();//ล้างข้อมูล
		$("#Batch").empty();//ล้างข้อมูล
		$("#DisID").val("");//ล้างข้อมูล
		$("#SubID").val("");//ล้างข้อมูล
		$("#PostID").val("");//ล้างข้อมูล
		$.ajax({
			  url: "getdata_work.php",//ที่อยู่ของไฟล์เป้าหมาย
			  global: false,
			  type: "GET",//รูปแบบข้อมูลที่จะส่ง
			  data: ({ID : $(this).val(),TYPE : "Trade"}), //ข้อมูลที่ส่ง  { ชื่อตัวแปร : ค่าตัวแปร }
			  dataType: "JSON", //รูปแบบข้อมูลที่ส่งกลับ xml,script,json,jsonp,text
			  async:false,
			  success: function(jd) { //แสดงข้อมูลเมื่อทำงานเสร็จ โดยใช้ each ของ jQuery
							var opt="<option value=\"0\" selected=\"selected\">---Trade---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["ID_Trade"] +"'>"+val["Name_Trade"]+"  -  -  -  -  "+val["Note"]+"</option>"
    						});
							$("#Trade").html( opt );//เพิ่มค่าลงใน Select ของอำเภอ
		   	  }
		});	
		$("#ProID").val($(this).val()); //กำหนดค่า ID ของจังหวัดที่เลือกให้กับ Textfield ของDosage
	});
	// ส่วนของTradeเมื่อมีการเปลี่ยนแปลง
	$("#Trade").change(function(){
		$("#Code").empty();
		$("#Batch").empty();
		$("#SubID").val("");
		$("#PostID").val("");
		$.ajax({
			  url: "getdata_work.php",
			  global: false,
			  type: "GET",
			  data: ({ID : $(this).val(),TYPE : "Code"}),
			  dataType: "JSON",
			  async:false,
			  success: function(jd) {
							var opt="<option value=\"0\" selected=\"selected\">---Code---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["ID_Code"] +"'>"+val["Name_Code"]+"</option>"
    						});
							$("#Code").html( opt );
		   	  }
		 });
		 $("#DisID").val($(this).val());
	});
	// ส่วนของCodeเมื่อมีการเปลี่ยนแปลง
	$("#Code").change(function(){
		$("#PostID").val("");
		$.ajax({
			  url: "getdata_work.php",
			  type: "GET",
			  data: ({ID : $("#Code").val(),TYPE : "Batch"}),
			  dataType: "JSON",
			  success: function(jd) {
							var opt="<option value=\"0\" selected=\"selected\">---Batch---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["ID_Batch"] +"'>"+val["Name_Batch"]+"</option>"
    						});
							$("#Batch").html( opt );
		   	  }
		 });
		 $("#SubID").val($("#Code").val());
	});
	// ส่วนของBatchเมื่อมีการเปลี่ยนแปลง
	$("#Postcode").change(function(){
		$("#PostID").val($(this).val());
	});
});

//ส่วนของ function เพื่อเพิ่มข้อมูลDosageเข้าไปก่อน
function Add(){
		$.ajax({
			  url: "getdata_work.php",
			  global: false,
			  type: "GET",
			  data: ({TYPE : "Dosage"}),
			  dataType: "JSON",
			  async:false,
			  success: function(jd) {
							var opt="<option value=\"0\" selected=\"selected\">---Dosage---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["ID_Dosage"] +"'>"+val["Name_Dosage"]+"</option>"
    						});
							$("#Dosage").html( opt );
		   	  }
		});
}
}



ประวัติการแก้ไข
2013-05-07 08:53:57
2013-05-07 10:36:23
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-07 08:52:46 By : cappuczino
 


 

No. 4



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



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


Code (PHP)
// ส่วนของBatchเมื่อมีการเปลี่ยนแปลง
	$("#Batch").change(function(){
		$("#PostID").val($(this).val());
	$.ajax({
			  url: "getdata_work.php",
			  type: "GET",
			  data: ({ID : $("#Batch").val(),TYPE : "Type"}),
			  dataType: "JSON",
			  success: function(jd) {
							var opt="<option value=\"0\" selected=\"selected\">---Type---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["Type_Trade"] +"'>"+val["Type_Trade"]+"</option>"
    						});
							$("#Type").html( opt );
		   	  }
		 });
		 $("#PostID").val($("#Batch").val());
	});


ผมเขียนไปแบบนี้อ่ะครับ แต่มันไม่ทำงาน แนะนำผมหน่อยครับ ต้องเขียนแบบไหนถึงจะใช้งานได้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-07 09:00:05 By : cappuczino
 


 

No. 5



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



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


Code (PHP) ช่วยดูบรรทัดที่ 54-103 หน่อยครับ ว่าผมทำผิดตรงไหน
// JavaScript Document
$(document).ready(function(){
	// ส่วนของDosageเมื่อมีการเปลี่ยนแปลง
	$("#Dosage").change(function(){
		$("#Code").empty();//ล้างข้อมูล
		$("#Batch").empty();//ล้างข้อมูล
		$("#T_ype").empty();
		$("#DisID").val("");//ล้างข้อมูล
		$("#SubID").val("");//ล้างข้อมูล
		$("#PostID").val("");//ล้างข้อมูล
		$("#T_ypeID").val("");
		$.ajax({
			  url: "getdata_work.php",//ที่อยู่ของไฟล์เป้าหมาย
			  global: false,
			  type: "GET",//รูปแบบข้อมูลที่จะส่ง
			  data: ({ID : $(this).val(),TYPE : "Trade"}), //ข้อมูลที่ส่ง  { ชื่อตัวแปร : ค่าตัวแปร }
			  dataType: "JSON", //รูปแบบข้อมูลที่ส่งกลับ xml,script,json,jsonp,text
			  async:false,
			  success: function(jd) { //แสดงข้อมูลเมื่อทำงานเสร็จ โดยใช้ each ของ jQuery
							var opt="<option value=\"0\" selected=\"selected\">---Trade---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["ID_Trade"] +"'>"+val["Name_Trade"]+"  -  -  -  -  "+val["Note"]+"</option>"
    						});
							$("#Trade").html( opt );//เพิ่มค่าลงใน Select ของอำเภอ
		   	  }
		});	
		$("#ProID").val($(this).val()); //กำหนดค่า ID ของจังหวัดที่เลือกให้กับ Textfield ของDosage
	});
	// ส่วนของTradeเมื่อมีการเปลี่ยนแปลง
	$("#Trade").change(function(){
		$("#Code").empty();
		$("#Batch").empty();
		$("#T_ype").empty();
		$("#SubID").val("");
		$("#PostID").val("");
		$("#T_ypeID").val("");
		$.ajax({
			  url: "getdata_work.php",
			  global: false,
			  type: "GET",
			  data: ({ID : $(this).val(),TYPE : "Code"}),
			  dataType: "JSON",
			  async:false,
			  success: function(jd) {
							var opt="<option value=\"0\" selected=\"selected\">---Code---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["ID_Code"] +"'>"+val["Name_Code"]+"</option>"
    						});
							$("#Code").html( opt );
		   	  }
		 });
		 $("#DisID").val($(this).val());
	});
	// ส่วนของCodeเมื่อมีการเปลี่ยนแปลง
	$("#Code").change(function(){
		$("#Batch").empty();
		$("#T_ype").empty();
		$("#PostID").val("");
		$("#T_ypeID").val("");
		$.ajax({
			  url: "getdata_work.php",
			  global: false,
			  type: "GET",
			  data: ({ID : $(this).val(),TYPE : "Batch"}),
			  dataType: "JSON",
			  async:false,
			  success: function(jd) {
							var opt="<option value=\"0\" selected=\"selected\">---Batch---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["ID_Batch"] +"'>"+val["Name_Batch"]+"</option>"
    						});
							$("#Batch").html( opt );
		   	  }
		 });
		 $("#SubID").val($(this).val());
	});
	// ส่วนของBatchเมื่อมีการเปลี่ยนแปลง
	$("#Batch").change(function(){
		$("#T_ype").empty();
		$("#T_ypeID").val("");
		$.ajax({
			  url: "getdata_work.php",
			  type: "GET",
			  data: ({ID : $("#Batch").val(),TYPE : "T_ype"}),
			  dataType: "JSON",
			  success: function(jd) {
							var opt="<option value=\"0\" selected=\"selected\">---Type---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["Type_Trade"] +"'>"+val["Type_Trade"]+"</option>"
    						});
							$("#T_ype").html( opt );
		   	  }
		 });
		 $("#PostID").val($("#Batch").val());
	});



	// ส่วนของT_ypeเมื่อมีการเปลี่ยนแปลง
	$("#T_ype").change(function(){
		$("#T_ypeID").val($(this).val());
	});
});

//ส่วนของ function เพื่อเพิ่มข้อมูลDosageเข้าไปก่อน
function Add(){
		$.ajax({
			  url: "getdata_work.php",
			  global: false,
			  type: "GET",
			  data: ({TYPE : "Dosage"}),
			  dataType: "JSON",
			  async:false,
			  success: function(jd) {
							var opt="<option value=\"0\" selected=\"selected\">---Dosage---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["ID_Dosage"] +"'>"+val["Name_Dosage"]+"</option>"
    						});
							$("#Dosage").html( opt );
		   	  }
		});
}
}

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-07 10:32:45 By : cappuczino
 


 

No. 6



โพสกระทู้ ( 1,521 )
บทความ ( 2 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

ตรง Select id=Batch มันสามารถเลือกได้ป่าวครับ หลังจากที่เลือก Code แล้ว
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-07 10:51:38 By : Krungsri
 


 

No. 7



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

Hall of Fame 2012

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


ต้องการอะไรครับ บอกให้ชัดเจน เดี๋ยวเขียน code example JSON ให้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-07 10:52:55 By : Ex-[S]i[L]e[N]t
 


 

No. 8



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



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


ตอบความคิดเห็นที่ : 6 เขียนโดย : Krungsri เมื่อวันที่ 2013-05-07 10:51:38
รายละเอียดของการตอบ ::
เลือกได้ครับ


ตอบความคิดเห็นที่ : 7 เขียนโดย : Ex-[S]i[L]e[N]t เมื่อวันที่ 2013-05-07 10:52:55
รายละเอียดของการตอบ ::
ต้องการเพิ่ม select menu เพิ่มอีก 1 อัน ผมแก้ไขในไฟล์ที่ Select จากฐานข้อมูล และตรงหน้า HTML ได้แล้ว แต่ส่วนของ Function ผมแก้ไม่ได้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-07 10:58:34 By : cappuczino
 


 

No. 9



โพสกระทู้ ( 1,521 )
บทความ ( 2 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

getdata_work.php

ตรง $type==T_ype แก้เป็น $type=='T_ype'
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-07 11:02:15 By : Krungsri
 


 

No. 10



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

Hall of Fame 2012

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


ตอบความคิดเห็นที่ : 8 เขียนโดย : cappuczino เมื่อวันที่ 2013-05-07 10:58:34
รายละเอียดของการตอบ ::
เหมือนเลือกรหัสจังหวัดแล้ว นำID เข้าไปไว้ใน textbox ตำบลอะไรพวกนี้ก็เช่นเดียวกันใช่มั้ยครับ หรือว่าไง ??
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-07 11:02:20 By : Ex-[S]i[L]e[N]t
 


 

No. 11



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



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


ตอบความคิดเห็นที่ : 9 เขียนโดย : Krungsri เมื่อวันที่ 2013-05-07 11:02:15
รายละเอียดของการตอบ ::
เด๊๊ยวลองดูครับ ขอบคุณครับ


ตอบความคิดเห็นที่ : 10 เขียนโดย : Ex-[S]i[L]e[N]t เมื่อวันที่ 2013-05-07 11:02:20
รายละเอียดของการตอบ ::
ใช่ครับ เหมือนเดิมเลย เพียงแต่ผมดัดแปลงให้เพิ่มมาอีก 1 อัน จาก ตัวอย่างที่มีแค่ 4
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-07 11:06:47 By : cappuczino
 


 

No. 12



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



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


ตอบความคิดเห็นที่ : 9 เขียนโดย : Krungsri เมื่อวันที่ 2013-05-07 11:02:15
รายละเอียดของการตอบ ::
อ่อ เมื่อกี้ผมไปแก้ไขชื่อตัวแปร ' ' เลยหายไป แต่ผมแก้ในกระทู้นี้อย่างเดียว ใน code เดิม ยังมี ' ' อยู่ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-07 11:08:35 By : cappuczino
 


 

No. 13



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

Hall of Fame 2012

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


ลอง apply ที่คุณ Krungsri บอกก่อนละกันนะครับ
ถ้าไม่ได้จริงๆ เดี๋ยวเขียน Example ให้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-07 11:08:42 By : Ex-[S]i[L]e[N]t
 


 

No. 14



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



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


ขอบคุณทุกๆคนมากเลยครับ ตอนนี้ผมแก้ได้เรียบร้อยแล้ว ลองดูจากของเดิมแล้วนำมาเพิ่มและเปรียบเทียบแล้วก้เปลี่ยนๆดูครับ ตอนนี้ใช้งานได้แล้ว

ขอบคุณมากครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-07 11:10:56 By : cappuczino
 


 

No. 15



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



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


ตอบความคิดเห็นที่ : 13 เขียนโดย : Ex-[S]i[L]e[N]t เมื่อวันที่ 2013-05-07 11:08:42
รายละเอียดของการตอบ ::
ตรงนั้นผม สะเพร่าเองครับ เปลี่ยนชื่อตัวแปรใหม่ แต่ดันลืม ' '

ตอนนี้ใช้งานได้แล้วครับ



Code (PHP)
// JavaScript Document
$(document).ready(function(){
	// ส่วนของ Dosage เมื่อมีการเปลี่ยนแปลง
	$("#Dosage").change(function(){
		$("#Code").empty();//ล้างข้อมูล
		$("#Batch").empty();//ล้างข้อมูล
		$("#T_ype").empty();
		$("#DisID").val("");//ล้างข้อมูล
		$("#SubID").val("");//ล้างข้อมูล
		$("#PostID").val("");//ล้างข้อมูล
		$("#T_ypeID").val("");
		$.ajax({
			  url: "getdata_work.php",//ที่อยู่ของไฟล์เป้าหมาย
			  global: false,
			  type: "GET",//รูปแบบข้อมูลที่จะส่ง
			  data: ({ID : $(this).val(),TYPE : "Trade"}), //ข้อมูลที่ส่ง  { ชื่อตัวแปร : ค่าตัวแปร }
			  dataType: "JSON", //รูปแบบข้อมูลที่ส่งกลับ xml,script,json,jsonp,text
			  async:false,
			  success: function(jd) { //แสดงข้อมูลเมื่อทำงานเสร็จ โดยใช้ each ของ jQuery
							var opt="<option value=\"0\" selected=\"selected\">---Trade---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["ID_Trade"] +"'>"+val["Name_Trade"]+"  -  -  -  -  "+val["Note"]+"</option>"
    						});
							$("#Trade").html( opt );//เพิ่มค่าลงใน Select ของอำเภอ
		   	  }
		});	
		$("#ProID").val($(this).val()); //กำหนดค่า ID ของ Dosage ที่เลือกให้กับ Textfield ของจังหวัด
	});
	// ส่วนของ Trade เมื่อมีการเปลี่ยนแปลง
	$("#Trade").change(function(){
		$("#Code").empty();
		$("#Batch").empty();
		$("#T_ype").empty();
		$("#SubID").val("");
		$("#PostID").val("");
		$("#T_ypeID").val("");
		$.ajax({
			  url: "getdata_work.php",
			  global: false,
			  type: "GET",
			  data: ({ID : $(this).val(),TYPE : "Code"}),
			  dataType: "JSON",
			  async:false,
			  success: function(jd) {
							var opt="<option value=\"0\" selected=\"selected\">---Code---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["ID_Code"] +"'>"+val["Name_Code"]+"</option>"
    						});
							$("#Code").html( opt );
		   	  }
		 });
		 $("#DisID").val($(this).val());
	});

	// ส่วนของ Code เมื่อมีการเปลี่ยนแปลง
	$("#Code").change(function(){
		$("#Batch").empty();
		$("#T_ype").empty();
		$("#PostID").val("");
		$("#T_ypeID").val("");
		$.ajax({
			  url: "getdata_work.php",
			  global: false,
			  type: "GET",
			  data: ({ID : $(this).val(),TYPE : "Batch"}),
			  dataType: "JSON",
			  async:false,
			  success: function(jd) {
							var opt="<option value=\"0\" selected=\"selected\">---Batch---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["ID_Batch"] +"'>"+val["Name_Batch"]+"</option>"
    						});
							$("#Batch").html( opt );
		   	  }
		 });
		 $("#SubID").val($(this).val());
	});
	// ส่วนของ Batch เมื่อมีการเปลี่ยนแปลง
	$("#Batch").change(function(){
		$("#T_ype").empty();
		$("#T_ypeID").val("");
		$.ajax({
			  url: "getdata_work.php",
			  type: "GET",
			  data: ({ID : $("#Batch").val(),TYPE : "T_ype"}),
			  dataType: "JSON",
			  success: function(jd) {
							var opt="<option value=\"0\" selected=\"selected\">---Type---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["Type_Trade"] +"'>"+val["Type_Trade"]+"</option>"
    						});
							$("#T_ype").html( opt );
		   	  }
		 });
		 $("#PostID").val($("#Batch").val());
	});
	// ส่วนของ  T_ype เมื่อมีการเปลี่ยนแปลง
	$("#T_ype").change(function(){
		$("#T_ypeID").val($(this).val());
	});
});
//ส่วนของ function เพื่อเพิ่มข้อมูล Dosage เข้าไปก่อน
function Add(){
		$.ajax({
			  url: "getdata_work.php",
			  global: false,
			  type: "GET",
			  data: ({TYPE : "Dosage"}),
			  dataType: "JSON",
			  async:false,
			  success: function(jd) {
							var opt="<option value=\"0\" selected=\"selected\">---Dosage---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["ID_Dosage"] +"'>"+val["Name_Dosage"]+"</option>"
    						});
							$("#Dosage").html( opt );
		   	  }
		});
}

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-07 11:12:49 By : cappuczino
 


 

No. 16



โพสกระทู้ ( 1,521 )
บทความ ( 2 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

ว่างๆ เดี๋ยวผมจะเขียนบทความใหม่รู้สึกมันจะเข้าใจยากจังฮ่าๆ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-05-07 11:12:53 By : Krungsri
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : สอบถามเกี่ยวกับ PHP การทำ Select(List/Menu) jQuery+Ajax+PHP
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

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