Supongamos que tenemos un conmutador desplegable:
<label for="num-of-records">Rows per Page: </label> <select name="num-of-records" id="num-of-records"> <option value="" selected>default</option> <option value="25">25</option> <option value="50">50</option> </select> Y también tenemos un código liquid :
{% include 'page' key: 'table' %} Para key , proporcioné algunas table de opciones, table25 y table50 para cada valor de opciones desplegable.
Soy nuevo en liquid , pero quiero crear un jquery que seleccione el valor key según el menú desplegable.
<script> $(this).append("{% include 'page' key: 'table"+ $.("#num-of-records").val()+"' %}" </script> Entonces, digamos que elijo la opción 25 , por lo que (tal vez reabra la página) agregará un script liquid de:
{% include 'page' key: 'table25' %}Liquid es un lenguaje renderizado del lado del servidor. jQuery se procesa después de Liquid, por lo que no puede proceder de esta manera.
Un enfoque que podría funcionar (sin embargo, no es ligero) podría ser representar todos sus casos de Liquid, ocultarlos y luego mostrar el que desea mediante jQuery.