0

以下のコードは、価格をユーザーが選択した「価格」div に変更するコードです。

<script type="text/javascript">
        function showprice(e){
            document.getElementById("price").innerHTML = e.getAttribute('data-price');
        }
    </script>

        <img src="http://i.imgur.com/JnUKx.jpg" id="img1" onclick="showprice(this);" width="39" height="33" data-price="245.00">
        <img src="http://i.imgur.com/c8Rwp.gif" id="img2" onclick="showprice(this);" width="39" height="33" data-price="255.00">

        <div id="price" style="padding-bottom:10px"></div>​

価格ごとに 2 つの別々のペイパル ボタンを作成しました。両方のボタンはまったく同じですが、それぞれ異なる「値」を持っています。ユーザーが選択した画像に応じて「値」を変更するにはどうすればよいですか?

img1 ボタン @ £245 の値は SKF4F8AARZWKE (以下のコード) img1 ボタン @ £265 の値は WEI8F8HHJOPRY です

ボタン img1 値 SKF4F8AARZWKE のペイパル コード

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">

                  <input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="SKF4F8AARZWKE">

  <input type="image" src="images/buyitnow.png"  style="width:100px; height:30px" border="0" name="submit" alt="PayPal — The safer, easier way to pay online.">

            </form>​
4

1 に答える 1

0

入力要素に ID を与え、document.getElementById('YOUR_ID').value = 'YOUR VALUE'; を使用します。

<script type="text/javascript">
   function changeprice(e){
        document.getElementById("price").innerHTML = e.getAttribute('data-price');
        document.getElementById("hosted_button_id").value = e.getAttribute('data-value');
   }
</script>

<img src="http://i.imgur.com/JnUKx.jpg" id="img1" onclick="changeprice(this);" width="39" height="33" data-price="245.00" data-value="SKF4F8AARZWKE">
<img src="http://i.imgur.com/c8Rwp.gif" id="img2" onclick="changeprice(this);" width="39" height="33" data-price="255.00" data-value="WEI8F8HHJOPRY">

<div id="price" style="padding-bottom:10px"></div>​


<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" id="hosted_button_id" name="hosted_button_id" value="SKF4F8AARZWKE">

    <input type="image" src="images/buyitnow.png"  style="width:100px; height:30px" border="0" name="submit" alt="PayPal — The safer, easier way to pay online.">
</form>​
于 2012-09-23T17:32:53.960 に答える