dowbwrr3590709 2017-12-10 19:05
浏览 93
已采纳

从多维数组生成<select>

I have a multidimensional array with this structure:

[
    {
        id: "2",
        optgroup: "Size Type A",
        valor: "40"
    },
    {
        id: "1",
        optgroup: "Size Type B",
        valor: "L"
    },
    {
        id: "3",
        optgroup: "Size Type B",
        valor: "XL"
    },
    {
        id: "4",
        optgroup: "Size Type A",
        valor: "41"
    }
]

My challenge is to create a select list with optgroup using "optgroud" key to arrange items in order.

Like this:

<select>
    <optgroup label="Size Type A">
        <option>40</option>
        <option>41</option>
    </optgroup>
    <optgroup label="Size Type B">
        <option>L</option>
        <option>XL</option>
    </optgroup>
</select>

But I can't find a way to do this. Any idea! Thanks a lot.

  • 写回答

2条回答 默认 最新

  • doujiaozhao2489 2017-12-10 19:15
    关注

    try this:

    <?php
    
    $array = [
        [
            "id" => 2,
            "optgroup"=> "Size Type A",
            "valor"=> 40
        ],
        [
            "id"=> 1,
            "optgroup"=> "Size Type B",
            "valor"=> "L"
        ],
        [
            "id"=> 3,
            "optgroup"=> "Size Type B",
            "valor"=> "XL"
        ],
        [
            "id"=> 4,
            "optgroup"=> "Size Type A",
            "valor"=> 41
        ]
    ];
    
    
    $optgroups = [];
    foreach ($array as $item){
        $optgroups[]=$item["optgroup"];
    }
    $optgroups = array_unique($optgroups);
    
    
    ?>
    <select>
        <?php foreach ($optgroups as $optgroup){
            echo '<optgroup label="'.$optgroup.'">';
             foreach ($array as $item){
                if($item["optgroup"]==$optgroup){
                    echo '<option>'.$item["valor"].'</option>';
                }
            }
            echo '</optgroup>';
        } ?>
    </select>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥30 关于用python写支付宝扫码付异步通知收不到的问题
  • ¥50 vue组件中无法正确接收并处理axios请求
  • ¥15 隐藏系统界面pdf的打印、下载按钮
  • ¥15 MATLAB联合adams仿真卡死如何解决(代码模型无问题)
  • ¥15 基于pso参数优化的LightGBM分类模型
  • ¥15 安装Paddleocr时报错无法解决
  • ¥15 python中transformers可以正常下载,但是没有办法使用pipeline
  • ¥50 分布式追踪trace异常问题
  • ¥15 人在外地出差,速帮一点点
  • ¥15 如何使用canvas在图片上进行如下的标注,以下代码不起作用,如何修改