2013-05-18 33 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循環,所以它在循環外部的值並不是很有用。