MS你的一个帖子已经结了.<?php
$sys= array(
  "moto"  => array("1200","3300"),
  "nokia" => array( "N73","N96"),
  "sony"=> array("K508C")
);
$jsonTemp = json_encode($sys);
?>
<script language='javascript'>
    var tempsys = new Array();
    tempsys = <?php echo $jsonTemp;?>;
    //document.write(tempsys);
    
    function mm()
    {
        var mmname = "<select name='mm' id='mm' onchange='selchange(tempsys[this.value])'>";
        for(var i in tempsys)
        {
            mmname +=  "<option value="+i+">"+i+"</option>";
        }
        mmname += "</select>";
        document.getElementById('mm').innerHTML = mmname;
    }
    
    function selchange(sObj)
    {
        var sonname = "<select name='son' id='son'>";
        for(var i in sObj)
        {
            sonname += "<option value="+sObj[i]+">" + sObj[i] + "</option>";
        }
        sonname += "</select>";
         document.getElementById('mx').innerHTML = sonname;
    }
</script>
<body onload="mm()"> 
<div id='mm' name='mm'>
</div>
<div id='mx' name='mx'>
</div>
</body>

解决方案 »

  1.   

    <script src="jquery-1.2.6.js" type="text/javascript"></script>
    <script src="test.js" type="text/javascript"></script>
    <script>
    function initMenu() {
      $('#menu ul').hide();
      $('#menu ul:first').show();
      $('#menu li div').click(
        function() {
          var checkElement = $(this).next();
          if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
            return false;
            }
          if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
            $('#menu ul:visible').slideUp('normal');
            checkElement.slideDown('normal');
            return false;
            }
          }
        );
      }
    $(document).ready(function() {initMenu();});
    </script>
    <style type="text/css">
    <!--
    #containor{
      font-family: Helvetica, Arial, sans-serif;
      font-size: 12px;
      height:500px;
      width:210px;
      background-color:#F7E1C7;
      cursor:hand;
    }ul#menu, ul#menu ul {
      list-style-type:none;
      margin-left: 10px;
      padding: 0px;
      width: 15em;
    }ul#menu a {
      display: block;
      text-decoration: none;
    }ul#menu li {
      margin-top: 1px;
    }ul#menu li div{  color: #68211D;
     padding: 0.5em;
     background-image:url(line.png);
     height:25px;
     width:158px;
    }ul#menu li ul li a {
    margin-left:20px;
      color: #68211D; background-image:url(line.png);
     height:25px;
     width:140px;
    }ul#menu li ul li a:hover {
      background: #D3D88C;
      border-left: 5px #68211D solid;
      padding-left: 15px;
      background-image:url(line.png);
    } -->
    </style>
    <body>
    <div id="containor">
    <ul id="menu">
    <li>
      <div><img src="plus.png" />  haha</div>
    <ul>
    <li><a href="http://www.pivotx.net/">PivotX</a></li>
    <li><a href="http://www.wordpress.org/">WordPress</a></li>
    <li><a href="http://www.textpattern.com/">Textpattern</a></li>
    <li><a href="http://typosphere.org/">Typo</a></li>
    </ul>
    </li>
    <li>
    <div><img src="plus.png" />  Weblog Tools</div>
    <ul>
    <li><a href="http://www.php.net/">PHP</a></li>
    <li><a href="http://www.ruby-lang.org/en/">Ruby</a></li>
    <li><a href="http://www.python.org/">Python</a></li>
    <li><a href="http://www.perl.org/">PERL</a></li>
    <li><a href="http://java.sun.com/">Java</a></li>
    <li><a href="http://en.wikipedia.org/wiki/C_Sharp">C#</a></li>
    </ul>
    </li>
    <li><div><img src="plus.png" />  Weblog Tools</div></li>
    <li>
    <div><img src="plus.png" />  Weblog Tools</div>
    <ul>
    <li><a href="http://www.apple.com/">Apple</a></li>
    <li><a href="http://www.nikon.com/">Nikon</a></li>
    <li><a href="http://www.xbox.com/en-US/">XBOX360</a></li>
    <li><a href="http://www.nintendo.com/">Nintendo</a></li>
    </ul>
    </li>
    <li>
    <div><img src="plus.png" />  Weblog Tools</div>
    <ul>
    <li><a href="http://search.yahoo.com/">Yahoo!</a></li>
    <li><a href="http://www.google.com/">Google</a></li>
    <li><a href="http://www.ask.com/">Ask.com</a></li>
    <li><a href="http://www.live.com/?searchonly=true">Live Search</a></li>
    </ul>
    </li>
    </ul>
    </div></body>