Javascript OpenCart 2.2:如果选择该选项,则立即更改数量

Javascript OpenCart 2.2:如果选择该选项,则立即更改数量,javascript,php,html,ajax,opencart,Javascript,Php,Html,Ajax,Opencart,我正在使用OpenCart 2.2运行一个隐形眼镜在线商店 我需要通过以下方式稍微修改产品页面: 当你购买隐形眼镜时,你有两个下拉列表,在这里你可以为每只眼睛选择屈光度。我想做的是,如果您只选择一只眼睛通电,则购买产品的最小数量应为1,但如果选择两只眼睛,则最小数量应为2 所以我考虑的是if-else-elseif函数,因为只有3种情况是可能的——1只选择左眼;2-选择双眼;3-仅选择右眼。 默认情况下,Qty=1,但如果在两个下拉列表中都选择了某个内容,我想让它立即切换到2 我想我需要一些AJ

我正在使用OpenCart 2.2运行一个隐形眼镜在线商店

我需要通过以下方式稍微修改产品页面: 当你购买隐形眼镜时,你有两个下拉列表,在这里你可以为每只眼睛选择屈光度。我想做的是,如果您只选择一只眼睛通电,则购买产品的最小数量应为1,但如果选择两只眼睛,则最小数量应为2

所以我考虑的是if-else-elseif函数,因为只有3种情况是可能的——1只选择左眼;2-选择双眼;3-仅选择右眼。 默认情况下,Qty=1,但如果在两个下拉列表中都选择了某个内容,我想让它立即切换到2

我想我需要一些AJAX来做这个?我对AJAX的了解非常少。 我不希望有人为我做这件事,我只是想知道我需要什么来实现这件事

真正让我困惑的是,选择选项在OpenCart中默认命名为option[XXX],商店中的每种产品和每个选项的编号[XXX]都不同

如果可能的话,有人能给我一些线索吗

编辑: 以下是我如何显示我的选择标记:

<div id="product">
    <?php if ($option['type'] == 'select') { ?>
        <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>">
             <label class="control-label" for="input-option<?php echo $option['product_option_id']; ?>"><?php echo $option['name']; ?></label>
             <select name="option[<?php echo $option['product_option_id']; ?>]" id="input-option<?php echo $option['product_option_id']; ?>" class="form-control">
                 <option value=""><?php echo $text_select; ?></option>
                 <?php foreach ($option['product_option_value'] as $option_value) { ?>
                     <option value="<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
                     <?php if ($option_value['price']) { ?>
                         (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
                     <?php } ?>
                 </option>
                 <?php } ?>
            </select>
        </div>
    <!-- ... -->
    <?php } ?>
<!-- ... -->
</div>
谢谢你的回答!以下是HTML代码的数量:

<div class="form-group">
  <label class="control-label" for="input-quantity"><?php echo $entry_qty; ?></label>
  <input type="text" name="quantity" value="<?php echo $minimum; ?>" size="2" id="input-quantity" class="form-control" />
  <input type="hidden" name="product_id" value="<?php echo $product_id; ?>" />
  <br />
  <button type="button" id="button-cart" data-loading-text="<?php echo $text_loading; ?>" class="btn btn-primary btn-lg btn-block"><?php echo $button_cart; ?></button>
</div>

我看不出有任何理由为此使用AJAX,只需使用jQuery/JavaScript即可:

功能${ "严格使用",; $document.on'ready',函数{ var optionNames=['power-right-eye'、'power-left-eye']; 变量$qtyInput=$“产品输入[名称=数量]”; var$options=$“产品选择”.filterfunction{ var text=$.trim$this.prev'label'.text.toLocaleLowerCase; 返回$.inaraytext,optionNames>-1; }; $options.on'change',函数{ var selectedTotal=$options.filterfunction{ return!!$this.val; }.长度; 如果选择“总计>0”{ $qtyInput.valselectedTotal.prop'min',selectedTotal; } }; }; }jQuery; 动力-左眼 -请选择- 第一 动力-右眼 -请选择- 第一
我看不出有任何理由为此使用AJAX,只需使用jQuery/JavaScript即可:

功能${ "严格使用",; $document.on'ready',函数{ var optionNames=['power-right-eye'、'power-left-eye']; 变量$qtyInput=$“产品输入[名称=数量]”; var$options=$“产品选择”.filterfunction{ var text=$.trim$this.prev'label'.text.toLocaleLowerCase; 返回$.inaraytext,optionNames>-1; }; $options.on'change',函数{ var selectedTotal=$options.filterfunction{ return!!$this.val; }.长度; 如果选择“总计>0”{ $qtyInput.valselectedTotal.prop'min',selectedTotal; } }; }; }jQuery; 动力-左眼 -请选择- 第一 动力-右眼 -请选择- 第一
你能显示HTML中显示两个选项的部分吗?请显示数量字段的HTML。你能显示HTML中显示两个选项的部分吗?请显示数量字段的HTML。谢谢回答!我已经为数量添加了HTML代码。谢谢你的回答!我已经为数量添加了HTML代码。