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.
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.
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++;
});
<button id="click">Siguiente fecha</button>