|
 |
|
สอบถามเรื่อง Select/Listmenu แบบดึงข้อมูลมาพอเลือกเสร็จให้บันทึกลงฐานข้อมูลแบบไม่ต้องกด Submit หน่อยครับ |
|
 |
|
|
 |
 |
|
คุณก็ได้แนวทางแล้วนี่ครับ ใช้ jQuery ส่ง Ajax แล้วไป Save ที่ Database เลยครับ
Code (JavaScript)
<script type="text/javascript">
$(document).ready(function(){
$( "#selectName" ).click(function() {
$.ajax({
type: "POST",
url: "jQueryAjax1.php",
cache: false,
data: "val=" + $("#selectName" ).val() ,
success: function(msg){
alert( "Data Call : " + msg);
$("p").append(msg);
}
});
});
});
</script>
jQuery.ajax() - Ajax , jQuery
|
 |
 |
 |
 |
Date :
2014-12-19 11:27:33 |
By :
mr.win |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
คือแบบว่า มันดึงข้อมูลมาหลายอันอะครับ ถ้าใช้ id มันจะมองไม่เห็นอะครับ มันจะเห็นแค่อันแรกอันเดียวเท่านั้นอะครับ
Code (PHP)
<select id="status" name="status">
<option value="<?php echo $row->status?>"><?php echo $row->status;?>(SET)</option>
<option value="reject">reject</option>
<option value="approved">approved</option>
</select>
Code (JavaScript)
$( "#status" ).click(function() {
$.ajax({
type: "POST",
url: "<?php echo site_url("filelist/change_status");?>",
cache: false,
data: "val=" + $( "#status" ).val() ,
success: function(msg){
alert( "Data Call : " + msg);
$("p").append(msg);
}
});
});
|
 |
 |
 |
 |
Date :
2014-12-19 14:23:13 |
By :
topman |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ได้แล้วครับ พอดีปรับไปใช้แบบ onchange="chang(this)" เลย ^_^
แนะนำสำหรับเป็นแนวทางไว้ให้สำหรับคนที่ติดปัญหาเดียวกับผมนะครับ
Code (PHP)
<select id="<?php echo $id_photo?>" name="status" onchange="do_selectchange(this)">
<option value="<?php echo $row->status?>"><?php echo $row->status;?>(SET)</option>
<option value="reject">reject</option>
<option value="approved">approved</option>
</select>
Code (JavaScript)
function Inint_AJAX() {
try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {}
try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {}
try { return new XMLHttpRequest(); } catch(e) {}
alert("XMLHttpRequest not supported");
return null;
}
function do_selectchange(sel){
// alert(sel.id);
// alert(sel.value);
var query = 'id='+sel.id+'&value='+sel.value; //ค่าที่ส่งมาใช้เพื่อส่งไปอัปเดท
var req = Inint_AJAX();
req.onreadystatechange = function ()
{
if ( req.readyState == 4 )
{
if ( req.status == 200 )
{
alert( 'แก้ไขข้อมูลเรียบร้อย' ); //เมื่ออัปเดทเรียบร้อย (อาจแสดงข้อความว่าอัปเดทเรียบร้อยก็ได้)
};
};
};
req.open( "POST" , "....ใส่ url ที่เข้าไปเพิ่มข้อมูล ....เช่น ( update.php )" ); //สร้าง connection
req.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" ); // set Header
req.send( query ); //ส่งค่า
}
ที่หน้ารับข้อมูลก็ให้
รับค่า post ของ id และ value
$id = $_POST ['id'] ;
$val = $_POST ['value'] ;
หลังจากนั้นก็เอาค่าไปบันทึกลงข้อมูล
|
 |
 |
 |
 |
Date :
2014-12-19 17:23:58 |
By :
topman |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 00
|