Добавление инкремента в форму ввода Получение TypeError: qty_el is null

Question

Я пытаюсь добавить приращения в сгруппированных деталях Magento, код должен быть следующим, но javascript возвращает TypeError: qty_el имеет значение null. Я думаю, проблема должна быть, когда я передаю переменную id элемента, но не могу решить эту проблему. Что мне не хватает? Есть ли другой способ сделать это? Надеюсь, кто-то может мне помочь.

<div class="add-to-cart"> 
      <div class="qty-button form-group"> 

       <input type="text" name="super_group_<?php echo $_item->getId() ?>" id="super_group_<?php echo $_item->getId() ?>" maxlength="12" value="<?php echo $_item->getQty() * 1 ?>" title="<?php echo Mage::helper('core')->quoteEscape($this->__('Qty')) ?>" class="input-text qty group-qty form-control" /> 

       <div class="box-container"> 
        <div class="box-icon button-plus"> 
         <input type="button" onclick="incre(2,'super_group_<?php echo $_item->getId() ?>')" class="qty-increase" /> 
        </div> 
        <div class="box-icon button-minus"> 
         <input type="button" onclick="decre(<?php echo json_encode ($i);?>,'super_group_<?php echo $_item->getId() ?>')" class="qty-decrease" /> 
        </div> 
       </div> 

      </div> 
     </div> 
<script type="text/javascript"> 
function incre(qty_inc,idname) 
{ 
    var qty_el = document.getElementById(idname); 
    var qty = qty_el.value; 

    if(!isNaN(qty)){ 
     if(qty_inc>0){ 
       qty_el.value = Number(qty) + qty_inc ; 
      } else { 
       qty_el.value++; 
      } 
     } 

} 

function decre(qty_inc,idname) 
{ 
    var qty_el = document.getElementById(idname); 
    var qty = qty_el.value; 

      if(!isNaN(qty) && qty > '0') { 
       if(qty_inc>0){ 
       qty_el.value = Number(qty) - qty_inc; 
       } else { 
        qty_el.value--; 
       } 
      } 
    } 

Answer 1

Вы можете попробовать другой способ, чтобы увеличить количество декремента на сгруппированных продуктов

<label for="qty"><?php echo $this->__('Quantity:') ?></label> 
<a href="javascript:void(0);" onclick="var qty_el = document.getElementById('super_group_<?php echo $_item->getId(); ?>'); var qty = qty_el.value; if(!isNaN(qty) && qty > 1) qty_el.value--;return false;" class="qty-decrease" > - </a> 
<input type="text" pattern="\d*" name="super_group[<?php echo $_item->getId() ?>]" id="super_group_<?php echo $_item->getId(); ?>" maxlength="12" value="<?php echo max($this->getProductDefaultQty() * 1, 1) ?>" title="<?php echo $this->__('Quantity') ?>" class="input-text qty" /> 
<a href="javascript:void(0);" onclick="var qty_el = document.getElementById('super_group_<?php echo $_item->getId(); ?>'); var qty = qty_el.value; if(!isNaN(qty)) qty_el.value++;return false;" class="qty-increase" /> + </a>