Question

I have a slight problem. I have several arrays in php with different team names. Each array contains teams of a certain league. When I click an add button I get the option to add a new entry to the calendar. I want the drop down to have only the teams for that league. onclick of the add button I call a javascript function that knows what division was clicked. However in order to give the javascript the information for which teams to display I have to pass it one of the php arrays. The problem I am having is telling php which array to pass to javascript depending on which league javascript is on. I don’t want to specify the array myself because there is an option to add a league and this would mean having to code in more code each time a league is added. The point of the site is being dynamic.

here is some code.

for ($i = 0;$i<$sizeof($leaguesarray);$i++){
    $htmlimploded[$i] = implode($html[$i]);
}

here I have used emplode to make all of my php arrays readable into javascript.

for (var h = 0; h<size; h++){ // goes through every league 
    if(h == leaguenum){ // finds the league for the clicked add button
        // this is the line that I have trouble with I can't think of 
        //anyway of telling it which array to use since it is serverside code.
        var myarray = ["<? echo $htmlimploded[]?>"]; 
    }
}

Javascript code above.

Answer 1

Imploding works but why not json_encode($array)? It’s a simpler, built in way to turn php arrays into javascript objects or arrays. If you have something like:

$league1 = array('team1', 'team2');
$league2 = array('team3, 'team4') ;

Then make a multidimensional associative array of these:

$all_teams = array('league1'=>$league1, 'league2'=>$league2);

encode it into a Javascript object and print it into your JS:

$encoded = json_encode($all_teams);
print 'var teamObject = '.$encoded.';';

If you were to console.log(teamObject) you’d see something like this:

{"league1": ["team1", "team2"], "league2": ["team3", "team4"]}

Looks complicated, but now you can pull out the array you desire very easily. The league 1 array is teamObject.league1 and the league2 array is teamObject.league2, and so on.