如何基于选项值执行if语句？ [液体/ Shopify]

Question

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

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

<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>

基本上我想发生的是，如果值等于“否”，则执行某项操作。如果是，则什么都不做。

Answer 1

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

Liquid是服务器端模板语言，您要的是一旦客户端更新了自己的选择并且无法执行，则执行一些Liquid代码。

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

因此，最好的方法是创建两个选项卡，这些选项卡将处理选择的两个选项，并基于选择使用JS显示正确的选项卡。