下拉更改后更改值

时间:2018-06-29 08:43:43

标签: javascript php html5

我在汽车零件在线商店(在产品页面上)具有以下代码,以便在用户更改下拉菜单时更改消息:

<div class="message">
    <?php if ($child['info'][$field_name] == 'Nein') { ?>
    <h5>Diese Produktekonfiguration ist für den CH-Strassenverkehr Zugelassen: <span class="red">Nein</span></h5>
    <?php } else { ?>
   <h5>Diese Produktekonfiguration ist für den CH-Strassenverkehr Zugelassen: <span class="green">Ja</span></h5>
   <?php } ?>
</div>

<script>
  $(".select-name").on("change",function(){
    var length = $(".select-name option:selected[data-sku=Nein]").length;
    if(length > 0) { // at least one is Nein
        $(".message").html("<h5>Diese Produktekonfiguration ist für den CH-Strassenverkehr Zugelassen: <span class='red'>Nein</span></h5>");
    } else {
        $(".message").html("<h5>Diese Produktekonfiguration ist für den CH-Strassenverkehr Zugelassen: <span class='green'>Ja</span></h5>");
    }
  });
</script>

用户可以在产品页面上配置其产品,并且当该产品具有在街上使用的认证时,其值将为“是”。未经认证时为“否”。

如果其中一项产品未通过认证,则整个“产品配置”都未通过认证。如果所有产品均通过认证,则最终消息将显示“是”。

一切正常。

现在,我要集成第三个选项“无信息”。意思是,如果所选的产品之一具有“否”或“没有信息”,则最终消息将显示“否”。同样,使用第三个选项,只有在所有产品都通过认证后,最后一条消息才会显示“是”。

可以在这里查看当前情况: http://dev.speedone.ch/index.php?route=product/product&product_id=10603

0 个答案:

没有答案