|
|
|
JAVA Script ใน php ไม่ยอมรันบน IE ทั้งๆที่ตั้งชื่อ element ไม่ซ้ำกันแล้ว |
|
|
|
|
|
|
|
Code (PHP)
<script type="text/javascript">
function showType(str)
{
if (str=="")
{
document.getElementById("car_1").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("select").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","select.php?q="+str,true);
xmlhttp.send();
}
function showBrand(str)
{
if (str=="")
{
document.getElementById("car_2").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("select1").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","select1.php?q="+str,true);
xmlhttp.send();
}
function showGeneration(str)
{
if (str=="")
{
document.getElementById("car_3").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("select2").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","select2.php?qq="+str,true);
xmlhttp.send();
}
</script>
<img src="img/labelsearch.png" width="160" style="padding-top:15px;"/>
<script type="text/javascript" src="js/form-validation.js"></script>
<form id="form2" action="car_search.php" method="post">
<fieldset>
<div>
<label>ประเภทของรถ</label>
<select name="users" onChange="showType(this.value)" style="width:160px;">
<option value="CAR%">-- ดูรถทุกประเภท --</option>
<?php
$sql = mysql_query("SELECT * FROM car_type WHERE type_level = '1'");
while($rs = mysql_fetch_array($sql)){
?>
<option value="<?=$rs['type_id'];?>"><?=$rs['type_name'];?></option>
<?php } ?>
</select>
</div>
<div>
<label>ยี่ห้อรถ</label>
<select id="select" name="select" onChange="showBrand(this.value)" style="width:160px;">
<option value="<?=$rs['type_id'];?>">-- ดูรถทุกยี่ห้อ --</option>
</select>
</div>
<div>
<label>รุ่นของรถ</label>
<select name="select1" id="select1" onChange="showGeneration(this.value)" width="250" style="width:160px">
<option value="<?=$rs['car_generation'];?>">--ดูรถทุกรุ่น--</option>
</select>
</div>
<div>
<label>โฉม</label>
<select name="select2" id="select2" width="250" style="width:160px">
<option value="CAR%">--ดูรถทุกโฉม--</option>
</select>
</div>
<div>
คือตอนนี้ผมสามารถรันได้บน Chrome และ Firefox แต่พอมารันบน IE ซึ่งเป็นตัวใหม่ไม่สามารถรันได้ไม่ทราบว่าเกิดข้อผิดพลาดจากตัว JS หรือปล่าวครับ ผมลองหาวิธีแก้โดยการเปลี่ยนชื่อ document.getElementById ก็ยังไม่สามารถรันได้ ขอขอบคุณไว้ล่วงหน้าด้วยนะครับ
Tag : PHP, jQuery, JAVA
|
|
|
|
|
|
Date :
2012-12-19 09:58:52 |
By :
alives98 |
View :
1019 |
Reply :
2 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ครับจะลองศึกษาดู
|
|
|
|
|
Date :
2012-12-19 10:39:18 |
By :
alives98 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 05
|