ユーザーが 5 つの項目を選択できるリストを作成しようとしています。これらのアイテムは、PHP によって生成されます。ユーザーが 1 つの項目をクリックすると、その項目を 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>
これは script タグの間に立っていますが、何らかの理由で表示されていません。
私のPHPコード:
<?php while($Keuzescherm= $allGenres->fetch_assoc())
{
echo "<div class='keuzeDiv' id='".$Keuzescherm['Genrenaam'] ."'>"
. $Keuzescherm['Genrenaam']."</div>";
}?>
div の id は値と同じです。
divが選択されていることを示すCSSコード
.keuzeDiv{
background-color:#dddddd;
padding-top:5%;
color: black;
padding-bottom: 10px;
}
.green{
background-color:#8eb461;
color:white;}
私の質問は次のとおりです。配列にphp値を入力し、その配列をMySqlデータベースに保存するにはどうすればよいですか?