在PayPal購物車中創建多個選項選項框

Question

是否可以使用多選框將項目提交到貝寶購物車？我目前有一個JavaScript代碼，它循環選項，將它們附加到我的表單中，然後提交表單。但是隻有最後一個項目正在提交。

下面是代碼：

function getValues() { 
var os0 = document.getElementById("os0"); 
var options = os0 && os0.options; 
var price = 0; 
for (i=0; i < options.length; i++) { 
    if(options[i].selected) { 
    switch(i) { 
     case 2: 
     case 4: 
     case 7: 
     case 8: 
     price = "30.00"; 
     break; 
     case 0: 
     case 1: 
     case 3: 
     case 5: 
     case 6: 
     price ="25.00"; 
     break; 
     default: 
     price ="25.00"; 
     break; 
    } 

    $("#singleDungeon").append('<input type="hidden" name="option_select'+i+'" value="'+options[i].value+'"/>'); 
    $("#singleDungeon").append('<input type="hidden" name="option_amount'+i+'" value="'+price+'"/>'); 
    } 
} 
document.getElementById('singleDungeon').submit(); 
return true; 
} 
</script> 

任何瞭解被理解。

謝謝！

Answer 1

得到它的工作。購物車系統如果沒有使用正確的增量和語法，會忽略項目。因此，將代碼更改爲item_name_＃和amount_＃。此外，添加一個計數值而不是使用索引值。所以它將是amount_1，amount_2，而不是amount_6等。

     <div class="pt1"> 
        <h2>Single Dungeons</h2> 
        <div class="price3"> 
         <h1>$25 - $30</h1> 
         <p>&nbsp;</p> 
        </div> 
        <!--price--> 
         <div class="content"> 
         <p>Bring any class!</p> 
         </div> 
         <div class="content"> 
         <p>You play your character!</p> 
         </div> 
         <div class="content"> 
         <input type="hidden" name="on0" value="Single Dungeon"/> 
         <select multiple="multiple" name="os0" id="os0"> 
          <option value="Gate of the Setting Sun">Gate of the Setting Sun - $25</option> 
          <option value="Shado'pan Monastery">Shado'pan Monastery - $25</option> 
          <option value="Stormstout Brewery">Stormstout Brewery - $30</option> 
          <option value="Temple of the Jade Serpent">Temple of the Jade Serpent - $25</option> 
          <option value="Mogu'Shan Palace">Mogu'Shan Palace - $30</option> 
          <option value="Scholomance">Scholomance - $25</option> 
          <option value="Scarlet Halls">Scarlet Halls - $25</option> 
          <option value="Scarlet Monastery">Scarlet Monastery - $30</option> 
          <option value="Siege of Niuzao Temple">Siege of Niuzao Temple - $30</option> 
         </select> 
         </div> 
         <!--content--> 
         <form action='https://www.paypal.com/cgi-bin/webscr' method='post' target="paypal" id="singleDungeon" > 
         <input type="hidden" name="cmd" value="_cart"> 
         <input type="hidden" name="upload" value="1"> 
         <input type='hidden' name="business" value="daniil_kuranov1@hotmail.com"> 
         <input type='hidden' name="currency_code" value="USD"> 
         <input type="hidden" name="return" value="http://www.project-carry.com"/> 
         <input type="hidden" name="cancel_return" value="http://www.project-carry.com"/> 
         <input type="hidden" name="shopping_url" value="http://www.project-carry.com/buy-now.html"> 
         </form> 
         <a href="#" onclick="getValues(); return false">Buy Now</a> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 
<script>    
function getValues() { 
var os0 = document.getElementById("os0"); 
var options = os0 && os0.options; 
var price = 0; 
var count = 1; 
for (i=0; i < options.length; i++) { 
    if(options[i].selected) { 
    switch(i) { 
     case 2: 
     case 4: 
     case 7: 
     case 8: 
     price = "30.00"; 
     break; 
     case 0: 
     case 1: 
     case 3: 
     case 5: 
     case 6: 
     price ="25.00"; 
     break; 
     default: 
     price ="25.00"; 
     break; 
    } 

    $("#singleDungeon").append('<input type="hidden" name="item_name_'+count+'" value="'+options[i].value+'" />'); 
    $("#singleDungeon").append('<input type="hidden" name="amount_'+count+'" value="'+price+'" />'); 
    count++; 
    } 
} 
document.getElementById('singleDungeon').submit(); 
return true; 
} 
</script>