Добавление кнопки «Купить сейчас» и «Добавить в корзину» только с 1 раскрывающимся списком

Я хочу добавить кнопку «Купить сейчас» и кнопку «Добавить в корзину» в той же форме только с одним выпадающим меню. В настоящее время у меня есть 2 выпадающих меню, которые абсолютно одинаковы, если я хочу купить сейчас и добавить кнопку в корзину.

Итак, в основном я хочу использовать только 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>

ДОБАВИТЬ В КОРЗИНУ ОТ:

<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


php forms html e-commerce
person lucywood22    schedule 23.04.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Как я вижу, поля одинаковы в обеих формах, поэтому я предлагаю оставить первую форму только, убрать вторую форму, поместить обе кнопки в первую форму и использовать 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>

Надеюсь это поможет!

person LRA    schedule 23.04.2013
comment
Спасибо за помощь. Сейчас происходит то, что обе кнопки (купить сейчас и добавить в корзину) добавляют товар в корзину. Кнопка "Добавить в корзину" работает, а "Купить сейчас" - нет. pastebin.com/c2Myhczf - person lucywood22; 24.04.2013
comment
у меня нормально работает. Я также попытался скопировать код по предоставленной вами ссылке и добавил функцию javascript, и это сработало! pastebin.com/7bkhtQNZ - person LRA; 24.04.2013
comment
какой браузер вы используете? - person LRA; 24.04.2013