Ajax有5个下拉列表

时间:2012-05-09 20:13:46

标签: php javascript ajax

我有一个包含5个下拉列表的表单,这些列表是由PHP查询MySql数据库创建的。列表正在正确构建。

我希望用户能够从列表中进行选择,并根据所选值在底部填写表单。

找到第一个列表。

这是列表1中的代码

<td width="90">
<p><select size="1" name="D1" onchange="showStudent(this.value);"> 
 <?php while(list($id, $student_id)=mysql_fetch_row($result1)) {
 echo "
<option value=\"".$student_id."\">".$student_id."</option>";
 }
 ?>
 </select></p>
 </td>

这是代码来自清单2

<td>
<p><select size="1" name="D2" onchange=”showStudent(this.value);” >
<?php while(list($id, $student_id)=mysql_fetch_row($result2)) {
echo "
<option value=\"".$student_id."\">".$student_id."</option>";
 }
 ?>
</select></p>
</td>

这是javascript代码

<script type="text/javascript">
function CreateXmlHttpObject() { //function to return the xml http object
    var xmlhttp=false;  
    try{
        xmlhttp=new XMLHttpRequest();//creates a new ajax object
    }
    catch(e)    {       
        try{            
            xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");//this is for IE browser
        }
        catch(e){
            try{
            req = new ActiveXObject("Msxml2.XMLHTTP");//this is for IE browser
            }
            catch(e1){
                xmlhttp=false;//error creating object
            }
        }
    }

    return xmlhttp;
}

function showStudent(str)
{
//  alert("Made it to show students"+ str);
if (str=="")
{
document.getElementById("student_data").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("student_data").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","editstudent.php?d="+str,true);
xmlhttp.send();
}

</script>

如果我从第一个列表中选择,一切正常。但是,如果我从列表2-5中选择,则没有。即使我先从其中一个中选择。我甚至尝试更改函数的名称以匹配特定的列表名称,但仍然只有第一个工作。

我错过了什么?

1 个答案:

答案 0 :(得分:3)

我相信这是因为在第二个列表的html中你的onchange周围有错误的双引号? =”showStudent(this.value);” >应为="showStudent(this.value);" >

这些奇怪的引用标签通常来自word,outlook或其他办公应用程序的复制/粘贴。它们很容易被忽视!