javascript - 如何使用表单输入中的值填充表单的操作参数？

Question

我知道我可以从表单传递查询参数并期望它们出现在查询字符串中:

<form method="GET">
  <input type="text" name="param" value="value" />
  <input type="submit" value="submit" />
</form>

这导致

http://blah-blah-blah/blah?param=value

但是，在我的网络应用程序中，我使用的是路径参数。要访问图书馆中的一本书 #459，您可以访问

/books/459

并检查一个，POST 到

/books/459/checkout

其中 459 是路径参数。当我尝试

<form action="/books/{book_id}">...</form>

它带我去

/books/%7Bbook_id%7D

而不是

/books/459

我是否需要 javascript 或其他东西来构建 URI？

Answer 1

• 感谢 RobG

• 我在从移动应用程序调用 WhatsApp 时使用了相同的方法

• 效果很好

  <form action="https://wa.me/" 
  onsubmit="this.action = this.action + this.mobile.value; this.submit();">
    <input type="tel" name="mobile" size="10" value="91xxxxxxxxxx"/>
    <input type="text" name="text" value="Thanks Vijayan!" />
    <input type="submit" value="WhatsApp" />
  </form>