我想将HTML表单值传递给按钮上的href标签

时间:2020-06-03 02:44:35

标签: javascript html shopify liquid

我目前在Shopify商店工作。

我想添加一个按钮,当单击该按钮时,将打开一个whatsapp聊天,其中包含客户正在观看的产品的当前信息。

但是,产品页面上有一张客户填写的表格,我想将这些值传递给打开聊天的链接。

这就是我现在所拥有的,该代码包括流动代码和html:

<form action="https://wa.me/50258437780?text=¡Hola!%20estoy%20interesado%20en%20el%20siguiente%20mueble:%20{{product.title}}%20,%20{{current_variant.title}}">
  <label for="fname">Código tela:</label><br>
  <input type="text" id="tela" value="" name="fname"><br>
  <label for="lname">Código Acabado:</label><br>
  <input type="text" id="acabado" name="fname"><br>
  <a class="button" href="https://wa.me/50258437780?text=¡Hola!%20estoy%20interesado%20en%20el%20siguiente%20mueble:%20{{product.title}}%20,%20{{current_variant.title}}+document.getElementById('tela').value">COTIZAR</a> <br>
</form>

1 个答案:

答案 0 :(得分:0)

我用javascript来解决它,通过ID捕获了元素,然后使用concat()附加了它们,我也将链接值分配给变量以进行连接