อยากถามค่ะ ajax อัพเดทฐานข้อมูล select
โค้ดนะค่ะ คือถ้าเราเลือกจาก select ก็จะอัพเดทฐานข้อมูลให้เราค่ะ อัพเดทจะอยู่อีกหน้าค่ะ ไม่ได้เอามาให้ค่ะ แต่มันติดตรงที่เวลารันแล้ว มันจะ ขึ้น error ที่มุมล่างสุดของ ie ว่า Object expected ค่ะ เกิดจากอะไรค่ะ รบกวนช่วยแก้ไขให้หน่อยค่ะ ไม่ได้มาหลายวันแล้วค่ะ
<select id="s_a" onchange="do_selectchange(this)">
<option value="1">a1</option>
<option value="2">a2</option>
<option value="2">a2</option>
</select>
<select id="s_b" onchange="do_selectchange(this)">
<option value="1">b1</option>
<option value="2">b2</option>
<option value="2">b2</option>
</select>
<script type="text/javascript">
function do_selectchange( sel)
{
var query = 'id='+sel.id+'&value='+sel.value; //ค่าที่ส่งมาใช้เพื่อส่งไปอัปเดท
var req = Inint_AJAX();// error ตรงนี้ค่ะ
req.onreadystatechange = function ()
{
if ( req.readyState == 4 )
{
if ( req.status == 200 )
{
alert( อัดเดทเรียบร้อย); //เมื่ออัปเดทเรียบร้อย (อาจแสดงข้อความว่าอัปเดทเรียบร้อยก็ได้)
};
};
};
req.open( "POST" , "update.php" ); //สร้าง connection
req.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" ); // set Header
req.send( query ); //ส่งค่า
}
</script>
<select id="s_a" onchange="do_selectchange(this)">
<option value="1">a1</option>
<option value="2">a2</option>
<option value="2">a2</option>
</select>
<select id="s_b" onchange="do_selectchange(this)">
<option value="1">b1</option>
<option value="2">b2</option>
<option value="2">b2</option>
</select>
<script type="text/javascript">
function do_selectchange( sel)
{
var query = 'id='+sel.id+'&value='+sel.value; //ค่าที่ส่งมาใช้เพื่อส่งไปอัปเดท
var req = Inint_AJAX();// error ตรงนี้ค่ะ
req.onreadystatechange = function ()
{
if ( req.readyState == 4 )
{
if ( req.status == 200 )
{
alert( อัดเดทเรียบร้อย); //เมื่ออัปเดทเรียบร้อย (อาจแสดงข้อความว่าอัปเดทเรียบร้อยก็ได้)
};
};
};
req.open( "POST" , "update.php" ); //สร้าง connection
req.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" ); // set Header
req.send( query ); //ส่งค่า
}
</script>
function Inint_AJAX() {
try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {} //IE
try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} //IE
try { return new XMLHttpRequest(); } catch(e) {} //Native Javascript
alert("XMLHttpRequest not supported");
return null;
};