Вставить значения, сгенерированные PHP в массив Javascript

Question

Я пытаюсь составить список, в котором пользователь может выбрать 5 элементов. Эти элементы создаются через PHP. Когда пользователь нажимает на один элемент, который необходимо сохранить в массиве Javascript. После того, как пользователь выбрал 5 элементов, их необходимо сохранить в базе данных mysql.

Atm Я могу выбрать элементы, но массив остается пустым.

Мой код:

<script type="text/javascript"> 

     var genrearray = new Array(4); 
     var i=1; 

     $(document).ready(function kleurveranderen() { 
      $(".keuzeDiv").on("click", function kleurveranderen() { 
       if(i<=5){ 
         $(this).toggleClass("green"); 
         genrearray[i] = document.getElementById("$Keuzescherm['Genrenaam']").innerHTML; 
         i++; 

      } 
     else{ 
       alert("Teveel genres geselecteerd."); 
      } 

     }) 
     });</script> 

это стоит между тегами сценария, но по какой-то причине он разве показывая их.

мой код PHP:

<?php while($Keuzescherm= $allGenres->fetch_assoc()) 
{ 
     echo "<div class='keuzeDiv' id='".$Keuzescherm['Genrenaam'] ."'>" 
       . $Keuzescherm['Genrenaam']."</div>"; 
    }?> 

идентификатор DIV является таким же, как значение.

мой CSS код, чтобы указать, что DIV выбран

.keuzeDiv{ 
background-color:#dddddd; 
padding-top:5%; 
color: black; 
padding-bottom: 10px; 
} 
.green{ 
    background-color:#8eb461; 
    color:white;} 

Так что мой вопрос: Как я могу заполнить массив значений PHP и сохранить этот массив в базу данных MySql?

Answer 1

Я думаю, что вы должны делать:

genrearray[i] = $(this).text(); 

Вы не можете ссылаться на PHP переменные в JavaScript. И переменная, которую вы пытались использовать, - это цикл while, поэтому его значение вне цикла не очень полезно.