这个是输出的结果
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>类别列表</title>
<script language="JavaScript" type="text/JavaScript" src="../Includec/CheckVer2.js"></script>
<link href="../config/BgStyle.css" rel="stylesheet" type="text/css">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<form name="formtype1">
<select name="type1_id" size="1" onChange="redirect(this.options.value)">
<option selected></option><option value="3" >湖南</option><option value="2" selected>湖北</option><option value="1" >北京</option></select>
<select name="type2_id" size="1">
<option value=0>请选择</option>
</select>
</form>
<script language="JavaScript" type="text/JavaScript">
<!--
var temp=document.formtype1.type2_id
function redirect(x){
var i
i=0
for (var m=temp.options.length-1;m>0;m--)
temp.options[m]=nullcnt=1
if(cnt==x) {
temp.options[i]=new Option("密云","1")
i=i+1}cnt=0
if(cnt==x) {
temp.options[i]=new Option("常德","9")
i=i+1}cnt=3
if(cnt==x) {
temp.options[i]=new Option("长沙","8")
i=i+1}cnt=2
if(cnt==x) {
temp.options[i]=new Option("十堰","7")
i=i+1}cnt=2
if(cnt==x) {
temp.options[i]=new Option("武昌","6")
i=i+1}cnt=2
if(cnt==x) {
temp.options[i]=new Option("武汉","5")
i=i+1}cnt=1
if(cnt==x) {
temp.options[i]=new Option("房山","4")
i=i+1}cnt=1
if(cnt==x) {
temp.options[i]=new Option("平谷","3")
i=i+1}cnt=1
if(cnt==x) {
temp.options[i]=new Option("顺义","2")
i=i+1}}
//-->
</script></body>
</html>

解决方案 »

  1.   

    如果你像做到数据库联动 可以试试ajax
      

  2.   

    我现在这个以可以实现了,问题是,我打开时,应该默认要读出我数据记录中的值,可现在是第一级可以实现打开页面就是数据记录中的值,但第二级调不出来.
    但是可以选择一下第一级菜单后,第二级就可以联动了.
    可以看看这个代码!<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>类别列表</title>
    <script language="JavaScript" type="text/JavaScript" src="../Includec/CheckVer2.js"></script>
    <link href="../config/BgStyle.css" rel="stylesheet" type="text/css">
    </head>
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <form name="formtype1">
    <select name="type1_id" size="1" id="type1_id" tag="sel,1, 一级分类" onChange="redirect(this.options.value)">
    <option selected></option><option value="3" >湖南</option><option value="2" selected>湖北</option><option value="1" >北京</option></select>
    <select name="type2_id" size="1" id="type2_id" tag="sel,1, 二级分类">
    <option selected></option>
    </select>
    </form>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    var temp=document.formtype1.type2_id
    function redirect(x){
    var i
    i=0
    for (var m=temp.options.length-1;m>0;m--)
    temp.options[m]=nullcnt=1
    if(cnt==x) {
    temp.options[i]=new Option("密云","1")
    i=i+1}cnt=0
    if(cnt==x) {
    temp.options[i]=new Option("常德","9")
    i=i+1}cnt=3
    if(cnt==x) {
    temp.options[i]=new Option("长沙","8")
    i=i+1}cnt=2
    if(cnt==x) {
    temp.options[i]=new Option("十堰","7")
    i=i+1}cnt=2
    if(cnt==x) {
    temp.options[i]=new Option("武昌","6")
    i=i+1}cnt=2
    if(cnt==x) {
    temp.options[i]=new Option("武汉","5")
    i=i+1}cnt=1
    if(cnt==x) {
    temp.options[i]=new Option("房山","4")
    i=i+1}cnt=1
    if(cnt==x) {
    temp.options[i]=new Option("平谷","3")
    i=i+1}cnt=1
    if(cnt==x) {
    temp.options[i]=new Option("顺义","2")
    i=i+1}}
    //-->
    </script></body>
    </html>