如何选择索引LARAVEL API JSON的位置

如何解决如何选择索引LARAVEL API JSON的位置

如何在Json的数组索引与单击的选择选项相同的情况下回显第二个数组值？

我需要的是，当我选择具有主题值的选择选项：网络研讨会1时，它将显示total_participation：100

API Json

 {
      "status": 200,"message": "success","data": {
        "records": [
          {
            "subject": "Webinar 1","total_participant": 100
          },{
            "subject": "Webinar 2","total_participant": 165
          },{
            "subject": "Webinar 3","total_participant": 143
          }
        ]
      },"error": []
    }

我的控制器：

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Utils\Endpoints\WebinarEndpoints;
use Illuminate\Support\Facades\Http;

class WebinarController extends Controller
{

    public $webinarEndpoints;

    function __construct(){
        $this->webinarEndpoints = new WebinarEndpoints;
    }
    
    public function index(){
        $result = $this->webinarEndpoints->participant()->json();
        $webinarlist = $this->webinarEndpoints->webinarlist()->json();
        
            switch ($result['status']) {
                case '200':
                    return view('webinar',[
                        'participants' => $result['data']['records'],'lists' => $webinarlist['data']['records']
                    ]);
                    break;
                default : 
                    break;
            }
        
    }

}

查看：

    <div class="col-3">
      <select class="form-control">
        @foreach ($lists as $list)
        <option onclick="total()">{{$list['subject']}} </option>
        @endforeach
      </select>
    </div>
  
      
    <h3> {{ GET total_participant based on Selected select option index }} </h3>

感谢帮助我！

解决方法

一种简单的处理方法是将total_participant赋予您的total（）函数：

<div class="col-3">
      <select class="form-control">
        @foreach ($lists as $list)
        <option onclick="total({{$list['total_participant']}})">{{$list['subject']}} </option>
        @endforeach
      </select>
    </div>
  
      
    <h3> {{ GET total_participant based on Selected select option index }} </h3>