如何基於選項值執行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顯示正確的選項卡。