如何在不单击提交按钮的情况下发送表单

时间:2014-02-19 16:38:24

标签: php jquery html

所以这里我有单选按钮。每个单选按钮对应不同的部分。我想要做的是当用户点击单选按钮时,它将加载所需的图片而不点击提交按钮。

这是我的代码:

<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>

这可能或有办法吗?

1 个答案:

答案 0 :(得分:0)

您需要了解AJAX。这是你能够做到这一点的唯一方法。通过使用AJAX,您将能够完成您所需要的工作。

当然,它也可以用javascript完成(据我所知)。如果它是来自数据库的动态内容,那么ajax将是你最好的选择。这并不是很难学,并且有很多在线教程可以帮助您快速掌握。

否则,我们需要查看您迄今为止所写的任何javascript尝试尝试此操作,否则它将在黑暗中拍摄。