zoukankan      html  css  js  c++  java
  • php简单实现二级联动

    <script type="text/javascript">
    //当第一级选项发生变化的时候跳转
    function jump() {
    location.href='?firstid='+document.getElementById('first').value;
    }
    
    </script>
    <?php
    //连接数据库
    @mysql_connect('localhost','root','');
    mysql_select_db('test');
    mysql_query('set names utf8');
    
    $firstid=isset($_GET['firstid'])?$_GET['firstid']:'';	//获取提交的firstid
    ?>
    <!--获取第一级-->
    <select id='first' onchange='jump()'>
    <option value="">---请选择---</option>
    <?php
    $sql='select * from shoplist where parentid=0';
    $rs=mysql_query($sql);
    while($rows=mysql_fetch_assoc($rs)):
    ?>
    <option value="<?php echo $rows['id']?>" <?php echo $rows['id']==$firstid?'selected':''?>><?php echo $rows['name']?></option>
    <?php
    endwhile;
    ?>
    </select>
    <!--获取第二级-->
    <select id='second'>
    <option value="">---请选择---</option>
    <?php
    $sql="select * from shoplist where parentid=$firstid";
    $rs=mysql_query($sql);
    while($rows=mysql_fetch_assoc($rs)): 
    ?>
    <option value="<?php echo $rows['id']?>"><?php echo $rows['name']?></option>
    <?php endwhile;	?>
    </select>

     结果

  • 相关阅读:
    csp-s考试总结
    一种贪心
    P2463 [SDOI2008]Sandy的卡片
    P3294 [SCOI2016]背单词
    *UOJ#164. 【清华集训2015】V
    P5503 [JSOI2016]灯塔
    *P3515 [POI2011]Lightning Conductor
    P4585 [FJOI2015]火星商店问题
    求最短路必经边
    P1903 [国家集训队]数颜色 / 维护队列
  • 原文地址:https://www.cnblogs.com/zxf100/p/6748190.html
Copyright © 2011-2022 走看看