如何使用html和javascript创建一个有效的捐赠页面?

时间:2014-02-19 17:36:41

标签: html

在我最近的一个问题上,我的大拇指被击落了8次,所以希望这次我把这篇文章做得恰到好处。我想做的是为我的rsps(RuneScape私人服务器)制作一个捐赠页面。我需要添加一些JavaScipt编码,但我无法尝试添加正确的类型。我想要发生的是当有人从项目列表中选择一个项目时,我希望JavaScipt识别他们所选择的项目。选择一个项目后,他们会继续在服务器上输入他们的用户名,然后点击提交后点击“提交”我会希望他们被重定向到他们所选项目的立即购买页面。如果他们选择了捐赠者,我希望他们能够直接进入捐赠者的现在购买页面。我正在使用plimus或者也称为bluesnap.com

<div class="inner">
    <div class="wrapper contain separator-decorative separator-decorative-full">

            <h2 class="heading h1 teal">Zeus-Scape Donate</h2>
            <div class="text extra-classy">
                <h2><p>Please enter your username below and select the Item you wish to purchase</p></h2>
                <p>When donating you can select to purchase with, Paysafecard, Bank Transfer, Credit Card, Money Bookers and a few other options are available.</p>
                <p><strong>Once you have donated type ::donated in game to receive your items instantly with our automatic donation system!.</strong></p>
                <p>By Donating you agree to our <a href="./policy.php">Refund Policy</a>. If you disagree to our Refund Policy please leave this page.</p>


</div>
<center>
<html>

        <form action="" method="POST">
            <div name="select">
                Product:
                <select name="product">
<option value="3219084&templateId=937438">$80.00 - Drygore Weapon Set</option>
<option value="3219076&templateId=937438">$35.00 - Drygore Rapier</option>
<option value="3219078&templateId=937438">$35.00 - Drygore Longsword</option>
<option value="3219082&templateId=937438">$35.00 - Drygore Mace</option>
<option value="3194124&templateId=937438">$24.99 - Donator Boxes (x3)</option>
<option value="3195950&templateId=937438">$49.99 - Black Partyhat</option>
<option value="3194094&templateId=937438">$9.99 - Donator Status</option>
<option value="3194096&templateId=937438">$24.99 - Extreme Donator Status</option>
<option value="3194098&templateId=937438">$49.99 - VIP Donator Status</option>  
<option value="3194102&templateId=937438">$14.99 - Full Torva Armour Set</option>
<option value="3194104&templateId=937438">$14.99 - Full Pernix Armour Set</option>
<option value="3194106&templateId=937438">$14.99 - Full Virtus Armour Set</option>
<option value="3194108&templateId=937438">$39.99 - Full Primal Armour Set</option>
<option value="3194110&templateId=937438">$40.00 - Primal Weapon Set</option>
<option value="3194116&templateId=937438">$14.99 - Divine Spirit Shield</option>
<option value="3194120&templateId=937438">$14.99 - Arcane Spirit Shield</option>
<option value="3194118&templateId=937438">$14.99 - Elysian Spirit Shield</option>
<option value="3194122&templateId=937438">$39.99 - Spirit Shield Set</option>
<option value="3194112&templateId=937438">$9.99 - TokHaar-Kal & Fire Cape</option>
<option value="3202720&templateId=937438">$7.99 - 100 Squeal Of Fortune Spins</option>
<option value="3194114&templateId=937438">$14.99 - 200 Squeal Of Fortune Spins</option>
<option value="3197236&templateId=937438">$7.49 - Deathtouched Dart</option>
<option value="3199860&templateId=937438">$9.99 - Dragon Claws</option>
<option value="3199864&templateId=937438">$9.99 - Armadyl Godsword</option>
<option value="3206180&templateId=937438">$19.99 - Korasi</option>
<option value="3202718&templateId=937438">$4.99 - 200m Cash</option>
                </select>
            </div>
            <div name="username">
                Username:
                <input type="text" maxlength="12" name="username" value="Enter Username" onblur="if(this.value=='') this.value='Enter Username';" onfocus="if(this.value=='Enter Username') this.value='';"/>
            </div>
                            <div name="button">
                <button type="submit" name="submit" value="Submit">Submit</button>
            </div>
        </form>
<a href="http://www.plimus.com/ecommerce/buyers" target="_blank" title="Trusted and Secure Online Payment Processing via PLIMUS"><img src="https://www.plimus.com/images/icons_wizard/icons/cards/cards_type2_1-1.gif" border="0"></a>
        </center>

        <br>

        <br>
<center>

<p><strong> <a href="./donatepp.php">Click here to Donate using PayPal</a> </strong></p>

  </div> </div> </div></div>

1 个答案:

答案 0 :(得分:1)

看看这些教程:

http://www.w3schools.com/jsref/prop_select_selectedindex.asp http://www.tutorialspoint.com/javascript/javascript_page_redirect.htm

创建包含JavaScript代码的.js文件。然后,让表单标记中的action属性将JavaScript文件作为其属性。

<form action="file_name.js" method="POST">