所以这里我有单选按钮。每个单选按钮对应不同的部分。我想要做的是当用户点击单选按钮时,它将加载所需的图片而不点击提交按钮。
这是我的代码:
<form action="" method="post">
<div class="customizeparts" style="width: 224px">
<h3>CHOOSE YOUR PARTS</h3>
<hr />
<?php
if ($getmotorparttypes!=0){
foreach($getmotorparttypes as $keymotorparttype=>$valuemotorparttype){
?>
<a href="#" class="customizepartsbutton" style="width: 90%"><?php echo $valuemotorparttype["motorparttype_name"]; ?></a>
<div class="cls">
</div>
<?php
$currentrecord = current($getmotorset);
$getmotorsets = $motorset->getmotorsetbymotortypeidnmotorparttypeid($currentrecord["motordata"]["motortype_id"], $valuemotorparttype["motorparttype_id"]);
if ($getmotorsets!=0){
foreach($getmotorsets as $keyms=>$valuems){
?>
<div class="upgrade">
<div class="upgrade-left" style="width: 65px;">
<input <?php echo ismotorsetselected($getmotorset,$valuems["motorpart_id"]); ?> name="<?php echo $valuems["motorpartdata"]["motorparttype_id"].",".$valuems["motortype_id"]; ?>"value="<?php echo $valuems["motorpartdata"]["motorpart_id"]; ?>" type="radio" /> <?php echo $valuems["motorpartdata"]["motorpart_id"]; ?>
<img alt="image" src="upload/image/<?php echo $valuems["motorpartdata"]["motorpart_image"]; ?>" width="60" height="auto" />
</div>
<div class="upgrade-right" style="width: 140px">
<?php echo $valuems["motorpartdata"]["motorpart_name"]; ?><br />
PHP. <?php echo number_format($valuems["motorpartdata"]["motorpart_price"],2); ?>
</div>
</div>
<?php
}
}
?>
<?php
}
}
?>
</div>
<br />
<input type="submit" name="btnSubmitdesigncomb" value="CHOOSE UPGRADES" />
</form>
这可能或有办法吗?
答案 0 :(得分:0)
您需要了解AJAX。这是你能够做到这一点的唯一方法。通过使用AJAX,您将能够完成您所需要的工作。
当然,它也可以用javascript完成(据我所知)。如果它是来自数据库的动态内容,那么ajax将是你最好的选择。这并不是很难学,并且有很多在线教程可以帮助您快速掌握。
否则,我们需要查看您迄今为止所写的任何javascript尝试尝试此操作,否则它将在黑暗中拍摄。