PHP级联菜单，非AJAX版

最新推荐文章于 2024-05-11 08:31:42 发布

chizhumi2377

最新推荐文章于 2024-05-11 08:31:42 发布

阅读量136

点赞数

文章标签： php javascript ViewUI

原文链接：https://my.oschina.net/cyseo/blog/505996

版权

<?php
//一级分类
$category = array(
    1 => array(
        'id'   => 1,
        'name' => '母婴'
    ),
    2 => array(
        'id'   => 2,
        'name' => '日用'
    ),
);
//二级分类
$children = array(
    
    1 => array(
        15 => array(
            'id'   => 15,
            'name' => '纸尿裤'
        ),
        16 => array(
            'id'   => 16,
            'name' => '奶粉'
        ),
    ),
    2 => array(
        20 => array(
            'id'   => 20,
            'name' => '纸巾'
        ),
        21 => array(
            'id'   => 21,
            'name' => '酱油'
        )
    ),
);
//当前父ID
$father_id = 2;
//当前子ID
$son_id = 21;
?>
<html>
    <head></head>
    <body>
        <div class="search">
            <form action="site.php" method="get">
                <input type="hidden" name="act" value="module" />
                <input type="hidden" name="do" value="goods" />
                <input type="hidden" name="op" value="display" />
                <input type="hidden" name="name" value="shopping" />
                <table class="table table-bordered tb">
                    <tbody>
                        <tr>
                            <th>分类</th>
                            <td>
                                <select class="span3" style="margin-right:15px;" name="cate_1" onchange="fetchChildCategory(this.options[this.selectedIndex].value);">
                                    <option value="0">请选择一级分类</option>
                                    <?php foreach ($category as $row) { ?>
                                    <option value="<?php echo $row['id']; ?>" <?php if ($row['id'] == $father_id) { ?> selected="selected"<?php } ?>><?php echo $row['name']; ?></option>
                                    <?php } ?>
                                </select>
                                <select class="span3" id="cate_2" name="cate_2">
                                    <option value="0">请选择二级分类</option>
                                    <?php if (isset($son_id) && isset($children[$father_id])) { ?>
                                        <?php foreach ($children[$father_id] as $row) { ?>
                                            <option value="<?php echo $row['id']; ?>" <?php if ($row['id'] == $son_id) { ?> selected="selected"<?php } ?>><?php echo $row['name']; ?></option>
                                        <?php } ?>
                                    <?php } ?>
                                </select>
                            </td>
                        </tr>
                        <tr>
                        <tr class="search-submit">
                            <td colspan="2"><button class="btn pull-right span2"><i class="icon-search icon-large"></i> 搜索</button></td>
                        </tr>
                    </tbody>
                </table>
            </form>
        </div>

        <script type="text/javascript">
            var category = <?php echo json_encode($children); ?>;
            function fetchChildCategory(cid) {
                var html = '<option value="0">请选择二级分类</option>';
                if (!category || !category[cid]) {
                    $('#cate_2').html(html);
                    return false;
                }
                for (i in category[cid]) {
                    html += '<option value="' + category[cid][i][0] + '">' + category[cid][i][1] + '</option>';
                }
                $('#cate_2').html(html);
            }
        </script>
    </body>
</html>

转载于:https://my.oschina.net/cyseo/blog/505996