2013-05-18 95 views
0

我试图列出用户可以选择5个项目的列表。这些项目是通过PHP生成的。当用户点击一个项目时,需要将该项目保存在一个Javascript数组中。一旦用户选择了5项,那些需要保存到mysql数据库中。在Javascript数组中插入由PHP生成的值

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 id是相同的值。

我的CSS代码,表明在div选择

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

所以我的问题是:我如何可以填补与PHP值的阵列和阵列保存到MySQL数据库?

回答

0

我认为你应该做的是:

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

不能引用PHP变量在Javascript。而你试图引用的变量来自while循环,所以它在循环外部的值并不是很有用。