forms - 向输入值字段添加额外的相对值

Question

我目前正在创建一个与以下代码非常相似的表单。

<form name="test" action="/go/test" method="post">
  <input type=hidden name="hotspot_url" value="http://www.test.com/">
  <input name="cky" value="<%write(cky);%>" type="hidden">
  <input name="accept" value="Accept" type="hidden">
  <input name="saccept" size="20" value="I Accept" onClick="hotspot.accept.value='Accept'" type="submit">
  <input name="sdisconnect" size="20" value="I Decline" onClick="hotspot.accept.value='Decline'" type="submit">
</form>

但是，新表单有一个文本输入字段。我想要实现的是在该文本字段中输入的值在发送时放置在 test.com 值之后（标有 xxx 的位置）

<input type=hidden name="hotspot_url" value="http://www.test.com/xxx">

我环顾四周 - 但我似乎无法找到解决方案。完成这项工作的最佳方法是什么？

Answer 1

您可以给两个输入一个 id，然后执行以下操作：

给表格一个“onsumbit = doThis（）”

function doThis(){

 var hiddeninput= $('#hiddeninput').val();
 var input = $('#input').val();
 $('#hiddeninput').val(hiddeninput+input);

 return true; 
}

这很简单，没什么花哨的。

Answer 2

您可以使用onclick非 type 的按钮事件submit。当onclick发生时，您可以先更改隐藏字段的值，然后提交表单。

或者如果你使用 JQuery，你可以在提交表单之前使用下面的 jQuery 代码做一些事情：

$(function() {
    $('#form').submit(function() {
        // DO STUFF
        return true; // return false to cancel form action
    });
});