2013-04-23 39 views
0

我想添加一個現在購買按鈕,並添加到購物車按鈕在同一個窗體上只有1個下拉菜單。目前我有2個下拉菜單,如果我想現在購買它並添加到購物車按鈕,則完全相同。添加立即購買,並添加到購物車按鈕只有1下拉菜單

所以基本上我只想使用1下拉菜單來購買它,並添加到購物車按鈕鏈接到兩個按鈕。

以下是僅用於購買按鈕的html。

<form id="form_35" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_self" style="margin:0;position:absolute;left:492px;top:112px;width:199px;height:68px; /*MainDivStyle*/" __AddCode="here"> 
    <!--MainDivStart--> 
    <input type="hidden" name="bn" value="Serif.WebPlus"> 
    <input type="hidden" name="cmd" value="_xclick"> 
    <input type="hidden" name="business" value="[email protected]"> 
    <input type="hidden" name="item_name" value="Polo Shirt"> 
    <input type="hidden" name="currency_code" value="GBP"> 
    <input type="hidden" name="amount" value="20.00"> 
    <input type="hidden" name="weight" value="0.18"> 
    <input type="hidden" name="weight_unit" value="kgs"> 
    <input type="hidden" name="quantity" value="1"> 
    <input type="hidden" name="undefined_quantity" value="1"> 
    <input type="hidden" name="no_shipping" value="0"> 
    <input type="hidden" name="cn" value="Special Instructions"> 
    <input type="hidden" name="no_note" value="0"> 
    <input type="hidden" name="return" > 
<input type="hidden" name="on0" value="Colour"> 



    <!-- Combo Box combo_30 --> 

    <!--Preamble--> 
    <select name="os0" size="1" style="position:absolute; left:8px; top:8px; /*Tag Style*/" __AddCode="here"> 
     <option value="Black" __AddCode="here">Black</option> 
     <option value="White" __AddCode="here">White</option> 
    </select> 
    <!--Postamble--> 


    <!-- Button btn_29 --> 

    <!--Preamble--> 
    <div style="position:absolute;left:75px;top:2px;width:116px;height:28px;"><button type="submit" id="btn_29" class="Button4" style="width:116px;height:28px;"><span>Buy&nbsp;Now</span></button></div> 
    <!--Postamble--> 
    </form> 
    <!--Postamble--> 
<!--MainDivEnd--> 
</div> 

加入購物車FROM:

<form id="form_36" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_self" style="margin:0;position:absolute;left:647px;top:957px;width:271px;height:44px; /*MainDivStyle*/" __AddCode="here"> 
<!--MainDivStart--> 
<input type="hidden" name="bn" value="Serif.WebPlus"> 
<input type="hidden" name="cmd" value="_cart"> 
<input type="hidden" name="business" value="[email protected]"> 
<input type="hidden" name="item_name" value="Polo Shirt"> 
<input type="hidden" name="currency_code" value="GBP"> 
<input type="hidden" name="amount" value="20.00"> 
<input type="hidden" name="weight" value="0.18"> 
<input type="hidden" name="weight_unit" value="kgs"> 
<input type="hidden" name="add" value="1"> 
<input type="hidden" name="quantity" value="1"> 
<input type="hidden" name="no_shipping" value="0"> 
<input type="hidden" name="no_note" value="1"> 
<input type="hidden" name="on0" value="Colour"> 


<!-- Combo Box combo_31 --> 

<!--Preamble--> 
<select name="os0" size="1" style="position:absolute; left:8px; top:8px; /*Tag Style*/" __AddCode="here"> 
    <option value="Black" __AddCode="here">Black</option> 
    <option value="White" __AddCode="here">White</option> 
</select> 
<!--Postamble--> 


<!-- Button btn_24 --> 

<!--Preamble--> 
<div style="position:absolute;left:75px;top:0px;width:188px;height:36px;"><button type="submit" id="btn_24" class="Button5" style="width:188px;height:36px;"><span>Add&nbsp;to&nbsp;Cart</span></button></div> 
<!--Postamble--> 
</form> 

希望的畫面將更加深入瞭解我想要做什麼。

http://img849.imageshack.us/img849/3108/buttonvb.jpg

回答

1

,我可以看到的字段在兩種形式相似,所以我的建議是將第一種形式只有,刪除第二個形式,把兩個按鈕中的第一種形式,並使用javascript切換命令之間:

變化第一形式:

添加另一個隱藏字段(用於購物選項)

<input type="hidden" name="add" value="1"> 

添加的onclick事件上的兩個按鈕

<button type="submit" id="btn_29" class="Button4" style="width:116px;height:28px;" onclick="setCMD('_xclick');"><span>Buy&nbsp;Now</span></button> 
<button type="submit" id="btn_24" class="Button5" style="width:188px;height:36px;" onclick="setCMD('_cart');"><span>Add&nbsp;to&nbsp;Cart</span></ 

JavaScript函數:

<script type="text/javascript"> 
function setCMD(cmd) { 
    form = document.getElementById("form_35"); 
    form.cmd.value = cmd; 
} 
</script> 

希望這有助於!

+0

謝謝你的幫助。現在發生的事情是,兩個按鈕(現在購買並添加到購物車)都將該物品添加到購物車。所以添加到購物車按鈕正在工作,但現在買它不是。 http://pastebin.com/c2Myhczf – lucywood22 2013-04-23 22:50:25

+0

這對我來說工作得很好。我也嘗試複製你提供的鏈接中的代碼,並添加了JavaScript功能,它的工作原理! http://pastebin.com/7bkhtQNZ – LRA 2013-04-23 23:13:16

+0

你正在使用哪種瀏覽器? – LRA 2013-04-23 23:22:50

相關問題