如何根据期权价值做一个 if 语句？ [液体/Shopify]

Question

我如何运行 if 语句在 Shopify 中根据下拉选项中的选项值使用 liquid？

这是我要从中提取信息的下拉菜单代码：

<div class="grid__item large--one-half"> 
  <label for="ContactFormAddressSame" class="">{{ 'contact.form.addressSame' | t }}</label>
  <select id="ContactFormAddressSame" name="contact[addressSame]">
    <option>Yes</option>
    <option>No</option>
  </select>
</div>

基本上我想要发生的是如果值等于 'No' 然后做一些事情。如果'Yes'，什么都不做。

Answer 1

您需要了解服务器端和客户端之间的区别。

Liquid 是服务器端模板语言，您要求的是在客户端更新他的 select 后执行一些 Liquid 代码，而您不能这样做。

一旦您在浏览器中看到 select，服务器端逻辑就完成了，无论您在客户端做什么，它都不会再次触发。

因此，您最好的方法是创建两个选项卡来处理 select 的两个选项，并基于 selection 使用 JS 显示正确的选项卡。

如何根据期权价值做一个 if 语句？ [液体/Shopify]

How can I do an if statement based on option value? [Liquid / Shopify]

if-statement

liquid

shopify