Javascript 返回TypeError:document.getElementById(…)为空
我有一个用于从php页面获取数据的Ajax代码,但它不会将任何数据返回到Ajax,而是返回空值Javascript 返回TypeError:document.getElementById(…)为空,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我有一个用于从php页面获取数据的Ajax代码,但它不会将任何数据返回到Ajax,而是返回空值 function getType(str){ $("#selectCat").html("Select the Catagory of " +str); if (str.length == 0){ return; } if(window.XMLHttpRequest) { // code for IE7+, Fire
function getType(str){
$("#selectCat").html("Select the Catagory of " +str);
if (str.length == 0){
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('category').innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET","OrderItem.php?q="+str,true);
xmlhttp.send();
}
这是我的php代码
session_start();
$currentUser = $_SESSION["userID"];
include("include/dbcommon.php");
$value = $_GET['q'];
//echo $value;
$sqlString = "";
if($value == "dish"){
$sqlString = "select name from dishcategory";
}else if($value == "drinks"){
$sqlString ="select name from drinkscategory";
}else if($value == "desserts"){
$sqlString = "select name from dessertcategory";
}
$rs = customQuery($sqlString);
while($data= db_fetch_array($rs)){
echo "<option value='".$data['name']."'>".$data['name']."1</option>";
}
还有我的HTML部分
<TABLE style="WIDTH:85%" cellSpacing=1 cellPadding=1 width="75%">
<TBODY>
<TR>
<TD> <STRONG>Ordered Item Category</STRONG></TD></TR>
<TR>
<TD> <input type="Radio" name="itemType" id="" class="selebtn" value="dish" onClick="getType(this.value)"> Dish <input type="Radio" name="itemType" id="" class="selebtn" value="drinks" onClick="getType(this.value)"> Drinks <input type="Radio" name="itemType" id="" class="selebtn" value="desserts" onClick="getType(this.value)"> Desserts
</TD></TR></TBODY></TABLE>
<TABLE>
<TBODY>
<TR><TD><span id="selectCat"></span></TD></TR>
<TR><TD><span id="selePan"><select name="itemcat" id="itemcat"><option value="">select</option><span id="category"></span></select></span></TD></TR>
</TBODY>
</TABLE>
请告诉我为什么返回空值?
提前感谢您的HTML无效。不能将跨度元素作为select的子元素。您的问题可能是由于浏览器执行错误恢复并丢弃span元素,而这正是Chrome对代码的反应
使用。您的HTML无效。不能将跨度元素作为select的子元素。您的问题可能是由于浏览器执行错误恢复并丢弃span元素,而这正是Chrome对代码的反应
使用。您的HTML无效。不能将跨度元素作为select的子元素。您的问题可能是由于浏览器执行错误恢复并丢弃span元素,而这正是Chrome对代码的反应
使用。您的HTML无效。不能将跨度元素作为select的子元素。您的问题可能是由于浏览器执行错误恢复并丢弃span元素,而这正是Chrome对代码的反应
使用。它应该可以工作,因为您的代码显示id=category span标记。无论如何,签出呈现的HTML并查看它是否存在$itemcat.appendxmlhttp.responseText@epascarello您的建议有效,但它会将所有数据附加到饮料、菜肴、甜点上。您需要清空列表。@murali id=类别存在于呈现页面中。它应该有效,因为您的代码显示id=类别span标记。无论如何,签出呈现的HTML并查看它是否存在$itemcat.appendxmlhttp.responseText@epascarello您的建议有效,但它会将所有数据附加到饮料、菜肴、甜点上。您需要清空列表。@murali id=类别存在于呈现页面中。它应该有效,因为您的代码显示id=类别span标记。无论如何,签出呈现的HTML并查看它是否存在$itemcat.appendxmlhttp.responseText@epascarello您的建议有效,但它会将所有数据附加到饮料、菜肴、甜点上。您需要清空列表。@murali id=类别存在于呈现页面中。它应该有效,因为您的代码显示id=类别span标记。无论如何,签出呈现的HTML并查看它是否存在$itemcat.appendxmlhttp.responseText@epascarello您的建议有效,但它将所有数据附加到了一起。您需要清空列表。@murali id=category存在于呈现的页面中