A explicación de tu ultimo comentario, te dejo lo siguiente:

Teniendo en cuenta que para acceder a los elementos de un array se empieza desde el número **0**, sí tú quieres cambiar el equipo '17' haciendo tu cuenta normal empezando desde el `1` entonces tendrías que hacer lo siguiente:

    <?php 
    
    $equipos = array(); //tu variable con los 24 equipos
    
    $contador = 1;
    
    for($i = 0; $i < count(equipos); $i++){
    
    echo 'Indice: '.$contador.' Su valor: '.$equipos[$i];
    
     $contador++;
    }
   
    ?>

Y te propongo utilices mejor un `<select>` así iteras el indice y lo colocas en el atributo `<option value="$contador">$equipos[$i]</option>`. y el nombre como texto. Solamente que si vas a actualizar el array de los equipos mediante el índice, por ejemplo si quieres actualizar el equipo en tu conteo normal empezando por `1` si quieres actualizar el `16` en la posición del array sería el `17` entonces tendrías que restarle **1** al índice **O PARA NO COMPLICARSE LA VIDA, ARMA UN ARRAY ASOCIATIVO $equipos = array(1 => "Equipo1", 2=> "Equipo2",..., n => "Equipon");** Y puedes utilizar un [foreach](https://www.php.net/manual/es/control-structures.foreach.php).

Se me ocurrió algo como esto, cada que des click en siguiente fecha te va a armar la fecha, está en forma estática, porque de forma dinámica me iba a tardar más :c espero te de una idea.

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    var equipos1 = new Array('FC lobos', 'Juquilas', 'Niupy'); //tu variable con los 24 equipos
    var equipos2 = new Array('Leones Negros', 'Aztecas', 'Barza');

    var click = 0;

    document.getElementById('click').addEventListener('click', function(){

    switch(click){

    case 0:

      console.log(`${equipos1[0]} VS ${equipos2[0]}`);
      console.log(`${equipos1[1]} VS ${equipos2[1]}`);
      console.log(`${equipos1[2]} VS ${equipos2[2]}`);
    break;


    case 1:

      console.log(`${equipos1[0]} VS ${equipos2[2]}`);
      console.log(`${equipos1[1]} VS ${equipos1[2]}`);
      console.log(`${equipos2[1]} VS ${equipos2[0]}`);
    break;


    }
      


    click++;

    });

<!-- language: lang-html -->

    <button id="click">Siguiente fecha</button>

<!-- end snippet -->