以Paypal形式切换图片?

时间:2014-10-06 11:01:42

标签: javascript html paypal

我似乎遇到了我的贝宝形式的问题,但我确定有一个简单的解决方案(涉及js)基本上我有一个简单的贝宝形式,旁边有一个滑块图片(见下面的代码)

  <div class="bg about" id="4">
            <a name="#shop"></a>
                <div class="container">
                    <div class="row marg75">
                        <div class="col-lg-12">
                            <div class="promo-white">Choose from our fabulous collection</div>
                            <div class="promo-p" style="color:#fff;">With a range of variations</div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 marg50">
                            <section class="slider">
                                <div class="flexslider">
                                    <ul class="slides">
                                        <li><img src="assets/images/about-2.jpg" /></li>
                                        <li><img src="assets/images/about-1.jpg" /></li>
                                        <li><img src="assets/images/about-3.jpg" /></li>
                                    </ul>
                                </div>
                            </section>
                        </div>
                        <div class="col-lg-6 col-md-6 marg50">
                            <div class="about-block">
                                <div class="about-name" style="color:#fff;">Product Information</div>
                                <div class="about-text">
                                   <p style="color:#fff;">General  Product Information here. General  Product Information here. General  Product Information here. General  Product Information here. General  Product Information here. General  Product Information here. General  Product Information here. General  Product Information here. General  Product Information here. General  Product Information here. General  Product Information here.<br>
                                   </p>
                                   <form name="_xclick" action="https://www.paypal.com/uk/cgi-bin/webscr" method="post">
                                     <input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="me@mybiz.co.uk">
<input type="hidden" name="currency_code" value="GBP">
<input type="hidden" name="item_name" value="T-Shirt">
<input type="hidden" name="amount" value="10.00">
<table>
  <tr>
    <td>
    <input type="hidden" name="on0" value="Size"></td>
    <td>
    <select name="os0">
    <option value="Select a Size">Select a colour
    <option value="RED">RED
    <option value="BLUE">BLUE
    <option value="BLACK">BLACK
    <option value="PINK">PINK

    </select></td>
    <td>
    <input type="image" src="http://www.paypal.com/en_GB/i/btn/x-click-but01.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"></td>
  </tr>
</table>
</form>

                      </div>

这部分很好但是我希望滑块图像根据从下拉菜单中选择的下拉颜色而改变(即蓝色只选择蓝色图像如何)我看了一下并尝试了一些方法但是js似乎在与paypal表单合并时停止工作?有人有快速解决方案吗?我相信必须有一个简单的方法来实现这一目标。

0 个答案:

没有答案
相关问题