Question

我想创建一种双下拉列表。例如，最初选择框为空，带有向下箭头。如果单击箭头，则会得到一个包含两个条目的下拉列表：MA和NH。如果您再单击MA，则会获得波士顿和伍斯特的另一个下拉列表。如果你点击NH，你会得到Concord和Nashua的下拉列表。

Answer 1

据我所知，这与CakePHP无关。 CakePHP是服务器端PHP框架，而不是客户端库。这可以通过JavaScript完成，我建议在这里使用jQuery Library。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<div id="dropdown">
    Hover me
    <div class="state">
        MA
        <div class="city">Boston</div>
        <div class="city">Worcester</div>
    </div>
    <div class="state">
        NH
        <div class="city">Concord</div>
        <div class="city">Nashua</div>
    </div>
</div>

<style>
    #dropdown{background-color: yellow;width:200px}
    .state{background-color: orange;}
    .city{background-color: lime;}
    .city,.state{display:none}
</style>

<script>
    $(document).ready(function(){
        $("#dropdown").mouseenter(function(){
            $(this).find(".state").show()
            $(this).find(".city").hide()
        }).mouseleave(function(){
            $(this).find(".state").hide()
        })
        $(".state").mouseenter(function(){
            $(".city").hide()
            $(this).find(".city").show()
        }).mouseleave(function(){
            $(".city").hide()
        })
    })
</script>

此代码仅供参考。它没有优化，但100％工作。

绝不使用内联样式和脚本。

cakePHP和双下降

1 个答案: