如何在HTML提交按钮单击中添加到URL?

时间:2012-03-06 20:56:44

标签: javascript html post

我有一个我想要点击的网络服务,网址看起来像这样:

http://servername/webapp/ws/invoices/{invoiceid}

我正试着用GET点击URL:

<form method="GET" action="/ws/invoices">
Invoice Id: <input type="text" name="invoiceid"/> 
<br />
Action: <input type="text" name="action"/>
<br />
<input type="submit" name="Submit"/>
</form>

如何在点击按钮时动态地将发票ID附加到URL?

用法示例:用户输入发票ID(例如“555”)和操作文本(例如“删除”),我想要的是点击此URL ...

http://servername/webapp/ws/invoices/555

...使用表单参数action =“delete”。

非常感谢任何帮助!谢谢,

罗布

1 个答案:

答案 0 :(得分:1)

您可以编写一些Javascript来执行此操作。将onsubmit属性添加到表单标记。如果您在发票字段中添加id属性,则最简单,例如id =“invoiceid”。然后写下类似的东西:

function buildUrl(form)
{ 
  var invnum=document.getElementById("invoiceid").value;
  form.action="/ws/invoice/"+invnum;
  return true;
}

免责声明:刚刚写下这段代码。如果它不起作用,请告诉我,我实际上会测试一些东西。