我正在研究篮球阵容功能,在那里我有5个首发球员和3个预备队。我可以拖放播放器,但是我想将5个启动器存储在mysql数据库中。
我有一个篮球场,数据库中有5个首发球员,另外3个替补球员。我开发了一个系统,可以根据需要随意移动球员,但我一直在努力将新的合成存储在数据库中。我只需要存储由其ID标识的5个启动器。
我尝试使用jquery将播放器的ID赋予隐藏字段,但无法使其正常工作。
这是我在球场上向球员展示的方式(这是其中一个的例子,其余的都一样):
<form name="test" method="post" action="saveLineup.php">
<div id="pos1" class="lineup1">
<?php
$query = "SELECT *
FROM squad
WHERE user = '".$user."'";
$result = mysqli_query($conexion,$query);
$file = mysqli_fetch_array($result);
$starters = unserialize($file["starters"]);
$sql1 = "SELECT *
FROM players
WHERE id = '".$starters[0]."'";
$res1 = mysqli_query($conexion,$sql1);
$row1 = mysqli_fetch_array( $res1 );
?>
<div class="dragdiv" id="show1" onclick="popup(1)" style="cursor: pointer; display: inline-block;" data-value="<?php echo $row1["id"];?>">
<img src="images/players/<?php echo $row1["name"]; ?>.png" alt="<?php echo $row1["name"]; ?>" title="<?php echo $row1["name"]; ?>" width="70" height="70">
<input type="hidden" id="player" name="player1" value="" />
</div>
我尝试使用在这里找到的这个小提琴:http://jsfiddle.net/bk8bgqo9/
$(document).ready(function() {
var dragdiv = $('.dragdiv');
var inputD = $('#player');
dragdiv.on('click', function() {
var valueD = $(this).data('value');
inputD.val(valueD);
console.log(valueD);
});
});
在小提琴中,我可以看到单击任何数字时如何用该值填充该字段。这种行为正是我在代码中需要执行的操作,但是不要单击div,而是在拖放新播放器后立即填充字段值。这种拖放功能就像一个咒语一样起作用,但我只能将数据存储在数据库中:(
有可能吗?
非常感谢,对于我的英语水平以及对jquery / javascript的了解很少。