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

Question

我目前在 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>

Answer 1

我使用 javascript 来解决它，通过 ID 捕获元素，然后使用 concat() 附加它们，我还将链接值分配给一个变量以连接它