- 论坛徽章:
- 0
|
我想做一个多级的级联菜单（可能会到4挤级），用php+ajax实现，现在的问题是，第一级能联动改变到第二级的dropdownlist，但是再想通过onchange得到第二级的dropdownlist的值无果，尝试了各种办法也不行，请各位多多指教
前台页面：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html">
<title>Compare Tool</title>
<link href="tt.css" rel="stylesheet" type="text/css">
</head>
<script language="javascript" type="text/javascript" charset="gb2312">
/* Create a new XMLHttpRequest object to talk to the Web server */
var xmlHttp = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
@end @*/
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
xmlHttp = new XMLHttpRequest();
}
function loadstamp(){
// Get the name and email from the web form
var opname = document.getElementById("opname").value;
// Only go on if there are values for both fields
// Build the URL to connect to
var cmd = "loadstamp";
var url = "compajax.php?cmd=" + escape(cmd) + "&opname=" + escape(opname) + "&a=" + new Date().getTime();
// Open a connection to the server
xmlHttp.open("GET", url, true);
// Setup a function for the server to run when it's done
xmlHttp.onreadystatechange = updatePage;
// Send the request
xmlHttp.send(null);
}
function updatePage() {
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
var response = xmlHttp.responseText;
var obj = document.getElementById("pstamp");
var countnum = obj.options.length;
for(var i=1; i<=countnum; i++){
obj.options.remove(countnum - i);
}
var optGroup = response.split(",");
for(var index=0; index< optGroup.length; index++){
var objOption = document.createElement("OPTION");
objOption.text = optGroup[index];
objOption.val = optGroup[index];
if(i==optGroup.length-1) objOption.selected = true;
obj.options.add(objOption);
}
}
}
function test(obj){
alert(obj.options[obj.selectedIndex].value);
}
</script>
<body class="text">
<form name="form1" method="post" action="comp1.php">
<font color="#0000FF"><strong>Paste the subnet list below</strong></font><strong>:</strong>Operator Name:
<select name="opname" id="opname" onChange="loadstamp()">
<?
$query = "select distinct(opname) from subnet order by opname";
$res = selectquery($query, $db);
$opname = "";
if($res != NULL){
if(($num=mysql_num_rows($res))>0){
$i = 1;
while($row = mysql_fetch_row($res)){
echo "<option value=\"".$row[0]."\"";
if($i++ == $num) {echo "selected"; $opname = $row[0];}
echo ">".$row[0]."</option>";
}
}
}
else
p_dberr($query);
?>
</select>
<input name="newchk" type="checkbox" id="newchk" value="checkbox">
New Operator: Name
<input name="newname" type="text" id="newname">
<br>
<textarea name="subnet" cols="100" rows="20" id="subnet"></textarea>
<br>
<label></label>
Compare with
<select name="pstamp" id="pstamp" onChange="test(this)">
<?
$query = "select distinct(stamp) from subnet where opname='".$opname."' order by stamp";
$res = selectquery($query, $db);
if($res != NULL){
if(($num=mysql_num_rows($res))>0){
$i = 1;
while($row = mysql_fetch_row($res)){
echo "<option value=\"".$row[0]."\"";
if($i++ == $num) echo "selected";
echo ">".$row[0]."</option>";
}
}
}
else
p_dberr($query);
?>
</select>
<label></label>
<label>
<input name="nodb" type="checkbox" id="nodb" value="checkbox">
Don't record to database</label>
<br>
<input type="submit" name="Submit" value="Submit">
<input type="reset" name="Submit2" value="Clear">
</form>
</body>
</html>
|
后台脚本：
<?
require "inc.php";
$db = getDB();
$query = "select distinct(stamp) from subnet where opname='".$_GET['opname']."' order by stamp";
$res = selectquery($query, $db);
if($res != NULL){
if(($num=mysql_num_rows($res))>0){
$i = 1;
while($row = mysql_fetch_row($res)){
//echo "<option value=\"".$row[0]."\"";
if($i++ == $num) echo $row[0];
else echo $row[0].",";
//echo ">".$row[0]."</option>";
//echo $row[0].($i==$num)?"":",";
}
}
}
else
p_dberr($query);
?> |
[ 本帖最后由 小李广 于 2008-9-29 10:28 编辑 ] |
|
免费注册
发表于 2008-09-28 15:26
我也不是专业写这个的。。。