我做了一个有关省市县的三级联动下拉选择框,我用的是AJAX+PHP去实现的!但是不知道为什么在选择了省份之后是能够产生参数的!接受也指定了文件的!但是不知道为什么的!传递不了参数给指定文件的!很郁闷的事情的!这个问题我已经找了三天的答案了的!头都弄大了的!后来我用火狐浏览器去测试的!显示找不到方法的!我的过程全部是按照教材去写的!每一步在是视频教材上都能实现的!后来我又做了一个简单的AJAX+PHP的程序!还是显示找不到方法的!跪求高手帮帮我的!!
调试欢乐多
function S_xmlhttprequest(){
if(window.ActionXObject()){
xmlHttp = new ActiveObject('Microsoft.XmlHTTP');
}else if(window.xmlHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}function ong(name){
var f = document.myform.user.value;
S_xmlhttprequest();
xmlHttp.open("GET","query_add.php?id="+f,true);
xmlHttp.onreadystatechange = byphp;
xmlHttp.send(null);
}function byphp(){
if(xmlHttp.readystate == 1){
document.getElementById('php100').innerHTML = "<img src='loading.gif'>";
}
if(xmlHttp.readyState ==4 ){
if(xmlHttp.status == 200){
var byphp100 = xmlHttp.responseText;
document.getElementById('php100').innerHTML = byphp100;
}
}
}
<html><head><title>后台管理</title>
<meta http-equiv=Comtent-Type content="text/html;charset=gb2312"></head><body>
<script type="text/javascript">
function checkpost()
{
if(myform.type.value="")
{
alert("请选择用户类型!");
myform.type.foucs();
return false;
}
if(myform.name.value="")
{
alert("请填写您的名称!");
myform.name.foucs();
return false;
}
if(myform.iccard.value="")
{
alert("请输入您的身份证号码!");
myform.iccard.foucs();
return false;
}
if(myform.iccard.value.length != 18)
{
alert("请输入完整您的身份证号码!");
myform.tel.foucs();
return false;
}
if(myform.tel.value="")
{
alert("请输入您的联系方式!");
myform.tel.foucs();
return false;
}
if(myform.mail.value="")
{
alert("请输入您的邮箱地址!");
myform.mail.focus();
return false;
}
if(myform.GRADE.value="")
{
alert("请选择您的用户级别!");
myform.GRADE.focus();
return false;
}
if(myform.province.value=""|myform.city.value=""|myform.area.value=""|myform.address.value="")
{
alert("请填写完整您的地址!");
myform.province.focus();
return false;
}
if(myform.model.value="")
{
alert("请选择您的产品型号!");
myform.model.focus();
return false;
}
if(myform.count.value="")
{
alert("请输入您的安装数量!");
myform.count.focus();
return false;
}
}
</script>
<form action="query_add.php" method="post" name="myform" onsubmit="return checkpost()">
<table border=1 cellspacing=0 width="700px" align="center" style="font-size:15px;color:#3c3c3c">
<tr>
<th height=25 bgcolor="#3c3c3c" width="100%" colspan=2 align="left"><span style="font-size:15px;color:#FFFFFF">添加用户</span></th>
</tr>
<tr>
<th align="right" width="15%">用户类型:</th>
<td width="85%"><input type="radio" name="type" value="个人用户">个人用户<input type="radio" name="type" value="企业用户">企业用户</td>
</tr>
<tr>
<th align="right" width="15%">姓名:</th>
<td width="85%"><input type="text" name="name" size=20 value=""></td>
</tr>
<tr>
<th align="right" width="15%">身份证号:</th>
<td width="85%"><input type="text" name="iccard" size=30 value="" onChange="ong(name)")><div id="php100"></div></td>
</tr>
<tr>
<th align="right" width="15%">手机号码:</th>
<td width="85%"><input type="text" name="tel" size=30 value=""></td>
</tr>
<tr>
<th align="right" width="15%">邮箱:</th>
<td width="85%"><input type="text" name="mail" size=15 value="">@<input type="text" name="mail1" size=15 value=""></td>
</tr>
<tr>
<th align="right" width="15%">用户级别:</th>
<td width="85%"><select name="GRADE" style="width:20%">
<option>用户级别</option>
<?php
include_once 'global.php';
$querygr=$db->findall("grode");
while ($rowgr=$db->fetch_array($querygr)){
echo "<option value=\"$rowgr[grade]\">$rowgr[grade]</option>";
}
?>
</select></td>
</tr>
<tr>
<th align="right">安装地址:</th>
<td colspan="3" width="80%">
<select id="province" name="province" style="width:20%" onChange="chg(name)" >
<option>所在省</option>
<?php
include_once 'global.php';
$query=$db->findall("province");
while ($row=$db->fetch_array($query)){
echo "<option value=\"$row[province]\">$row[province]</option>";
}
?>
</select>
<input type="text" name="address" value="" style="width:40%"></td>
</tr>
<tr>
<th align="right" width="15%">产品型号:</th>
<td width="85%"><select name="model" style="width:20%">
<option value="">产品型号</option>
<?php
include_once 'global.php';
$queryty=$db->findall("type");
while ($rowty=$db->fetch_array($queryty)){
echo "<option value=\"$rowty[model]\">$rowty[model]</option>";
}
?>
</select></td>
</tr>
<tr>
<th align="right" width="15%">安装数量:</th>
<td width="85%"><input type="text" name="count" value=""></td>
</tr>
<tr>
<td width="15%"></td>
<td width="85%"><input type="submit" name="submit" value="提交"><input type="reset" value="重置"></td>
</tr>
</table>
</form>
</body>
不建议这种方式。浏览器兼容性会有问题。var f=document.getElementById("user");
alert(f.value);
$rowty[model]
请加引号:
$rowty["model"]
你的 chg 的方法在哪里? 我没看到
自己临时写的一个 希望对你有帮助
[code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//en">
<html><head><title>后台管理</title>
<meta http-equiv=Comtent-Type content="text/html;charset=utf-8">
<script language="javascript" >
<!--
var xmlHttp=false;
var mothed="GET";
function $(id){
return document.getElementById(id);
}
function forajax(){ try {
xmlHttp = new ActiveXObject("msxml2.XMLHTTP");
}
catch (e){
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(E){
xmlHttp = false;
}
}
if (!xmlHttp && typeof XMLHttpRequest!='undefined'){
xmlHttp = new XMLHttpRequest(); }
return xmlHttp;
}
function ajaxfun(id,url){
var ajax=forajax();
ajax.open(mothed,url,true);
ajax.onreadystatechange = function (){ if (ajax.readyState < 4 ){
$(id).innerHTML = "<font color=blue>loading...</font>";
}
if (ajax.readyState==4 && ajax.status==200){
$(id).innerHTML = ajax.responseText;
}
}
ajax.send(null); }--> function opt(v){
document.getElementById('shi').innerHTML="<OPTION>LOADING...</OPTION>";
ajaxfun('shi','5.php?act='+v)
}
</script>
</head><body>
<select name="s" id="sheng" onChange="opt(this.value);">
<option value=''>--所在省--</option>
<option value="heb">河北</option>
<option value="hn">海南</option>
</select>
<select name="shi" id='shi'>
</select></body>[/code]
5.php
[code]<?phpswitch ($_GET[act]){
case "heb":
echo "<option>邢台</option><option>石家庄</option><option>唐山</option>";
break;
case "hn":
echo "<option>三亚</option>";
break;
}?>[/code]
<html><head><title>后台管理</title>
<meta http-equiv=Comtent-Type content="text/html;charset=utf-8">
<script language="javascript" >
<!--
var xmlHttp=false;
var mothed="GET";
function $(id){
return document.getElementById(id);
}
function forajax(){ try {
xmlHttp = new ActiveXObject("msxml2.XMLHTTP");
}
catch (e){
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(E){
xmlHttp = false;
}
}
if (!xmlHttp && typeof XMLHttpRequest!='undefined'){
xmlHttp = new XMLHttpRequest(); }
return xmlHttp;
}
function ajaxfun(id,url){
var ajax=forajax();
ajax.open(mothed,url,true);
ajax.onreadystatechange = function (){ if (ajax.readyState < 4 ){
$(id).innerHTML = "<font color=blue>loading...</font>";
}
if (ajax.readyState==4 && ajax.status==200){
$(id).innerHTML = ajax.responseText;
}
}
ajax.send(null); }--> function opt(v){
document.getElementById('shi').innerHTML="<OPTION>LOADING...</OPTION>";
ajaxfun('shi','5.php?act='+v)
}
</script>
</head><body>
<select name="s" id="sheng" onChange="opt(this.value);">
<option value=''>--所在省--</option>
<option value="heb">河北</option>
<option value="hn">海南</option>
</select>
<select name="shi" id='shi'>
</select></body>
[php]<?phpswitch ($_GET[act]){
case "heb":
echo "<option>邢台</option><option>石家庄</option><option>唐山</option>";
break;
case "hn":
echo "<option>三亚</option>";
break;
}?>[/php]