如何通過選擇選項數量字段正確替換輸入字段的數量？

我有與被適當地在我的網站起作用的數量輸入字段的addtocart按鈕（參見下圖）：如何通過選擇選項數量字段正確替換輸入字段的數量？

當我在輸入字段中引入例如在2和推addtocart按鈕，我的購物車獲取更新2項。

但我想通過下拉字段更改數量輸入字段，以便訪問者只能從下拉列表中選擇一個允許的數量。我可以正確配置下拉字段，但是當我點擊addtocart按鈕時（見下圖），什麼都不會發生。

我想我需要改變「輸入」，「選擇」在JavaScript的地方。或者，也許JavaScript中的數量或按鈕沒有正確傳輸？

經過一些試驗後我無法正常工作。

有人可以幫我嗎？我會很高興（總是努力與JavaScript）

謝謝。

爲輸入域（工作）的HTML代碼是：

<input type="hidden" value="<?=$product['product_id']?>" size="2" name="product_id" /> 
     <input type="hidden" value="<?=$product['gift_products_id']?>" size="2" name="gift_products_id" /> 
     <? if($product['quantity']!==$product['total']){ ?> 
     <input type="text" value="1" size="2" name="quantity" /> 
     <a class="btn btn-primary addtocart" lang="<?=$product['product_id']?>" href="javascript:void(0)" ><span><?=$_['gr_m_add_to_cart']?></span></a> 
     <? } ?>

對於「選擇選項」字段中的HTML代碼，正確配置，但不工作是：

<input type="hidden" value="<?=$product['product_id']?>" size="2" name="product_id" /> 
<input type="hidden" value="<?=$product['gift_products_id']?>" size="2" name="gift_products_id" /> 
<? if($product['quantity']!==$product['total']){ ?> 
<select name="quantity" class="form-control_cart" id="input-quantity" value="1" > 
    <?php foreach (range(1, $product['quantity'], 1) as $stap) { 
      if ($stap == 1) { 
       echo "<option value='$stap' selected>$stap</option>"; 
      } else { 
       echo "<option value='$stap'>$stap</option>"; 
      } 
     } ?> 
</select> 
<a class="btn btn-default addtocart" style="margin-top:-4px" lang="<?=$product['product_id']?>" href="javascript:void(0)" data-toggle="tooltip" title="<?=$_['gr_m_add_to_cart']?>"><i class="fa fa-shopping-cart"></i></a>      
<? } ?>

JavaScript的該用於addtocart按鈕的代碼：

$('.addtocart').click(function() { 
id = $(this).attr('lang'); 
$.ajax({ 
    url: 'index.php?route=checkout/cart/add', 
    type: 'post', 
    data: $('#row_'+id+' input[type=\'text\'], #row_'+id+' input[type=\'hidden\']'), 
    dataType: 'json', 
    beforeSend: function() { 
     //$('#button-cart').button('loading'); 
     $('.addtocart').button('loading'); 
    }, 
    complete: function() { 
     //$('#button-cart').button('reset'); 
     $('.addtocart').button('reset'); 
    }, 
    success: function(json) { 
     $('.alert, .text-danger').remove(); 
     $('.form-group').removeClass('has-error'); 

     if (json['error']) { 
      if (json['error']['option']) { 
       for (i in json['error']['option']) { 
        var element = $('#input-option' + i.replace('_', '-')); 

        if (element.parent().hasClass('input-group')) { 
         element.parent().after('<div class="text-danger">' + json['error']['option'][i] + '</div>'); 
        } else { 
         element.after('<div class="text-danger">' + json['error']['option'][i] + '</div>'); 
        } 
       } 
      } 

      if (json['error']['recurring']) { 
       $('select[name=\'recurring_id\']').after('<div class="text-danger">' + json['error']['recurring'] + '</div>'); 
      } 

      // Highlight any found errors 
      $('.text-danger').parent().addClass('has-error'); 
     } 

     if (json['success']) { 
      if (!Journal.showNotification(json['success'], json['image'])) { 
       $('.breadcrumb').after('<div class="alert alert-success success">' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>'); 
      } 

      $('#cart-total').html(json['total']); 

      $('html, body').animate({ scrollTop: 0 }, 'slow'); 

      $('#cart ul').load('index.php?route=common/cart/info ul li'); 
     } 
    } 
}); 
});

來源

2016-08-15 SabKo

你應該改變這行代碼：

data: $('#row_'+id+' input[type=\'text\'], #row_'+id+' input[type=\'hidden\']'),

到：

data: $('#row_'+id+' input[type=\'text\'], #row_'+id+' input[type=\'hidden\'], #row_'+id+' select'),

只是選擇元素添加到數據，你要不斷class和id。

來源

2016-08-15 11:28:12

Hello Sasan，非常感謝！您的代碼現在可以正常工作。當我看到腳本後，似乎總是如此邏輯......關心，SabKo – SabKo

如何通過選擇選項數量字段正確替換輸入字段的數量？

回答

相關問題