一 代码

conn.php：

index.php：

 
  
   添加商品
  
  
   商品名称：
   
  
  
   商品类别：
   
  ".$row['ptype']."";
 }
 ?>
   
   
  
  
   商品价格：
   
  
  
    
   
  
 


  changetype(document.getElementById("ptype").value);//页面载入即执行函数，显示子类内容

type.php：

";//输出html
 while($row=mysql_fetch_array($sql)){//循环输出列表框选项中子类内容
  echo "".$row['stype']."";
 }
 echo "";//输出html
?>

index.js：

function changetype(v){
 var xml;
 if(window.ActiveXObject){//如果是浏览器支持ActiveXObjext则创建ActiveXObject对象
  xml=new ActiveXObject('Microsoft.XMLHTTP');
 }else if(window.XMLHttpRequest){//如果浏览器支持XMLHttpRequest对象则创建XMLHttpRequest对象
  xml=new XMLHttpRequest();
 }
  xml.open("GET","type.php?ptype="+v,true);//使用GET方法调用type.php并传递参数的值
  xml.onreadystatechange=function(){//当服务器准备就绪执行回调函数
   if(xml.readyState==4 && xml.status==200){//如果服务器已经传回信息并未发生错误
    var msg=xml.responseText;//把服务器传回的值赋给变量msg
 //document.getElementById("showtype").innerHTML=msg;
 alert(msg);
   showtype.innerHTML=msg;//把传回的值显示在id=showtype的元素中
   }
  }
  xml.send(null);//不发送任何数据，因为数据已经使用请求URL通过GET方法发送
}

二 运行结果