Question

我必须在链接后创建一个带有提交底部的表单

<form action="http://domain/**(((MY TEXT INPUT VALUE)))**.htm">
<input type="text" name="verb">
<input type="submit" value="Conjugate">
</form>

像这样的东西。

请注意，每个链接都应该不同。

我还希望在新的标签/窗口中打开新页面

你可以帮助我吗，如果有更新的标准，你也可以更改表格代码。谢谢！

Answer 1

您需要使用javascript获取TEXTBOX值，然后将其放入表单操作中。

您可以使用onclickevent创建提交按钮。

或者您可以使用jQuery

$('#btnSubmit').click(function(){
   var sTextValue = $("#MyText").val();
   $('#MyForm').attr('action', 'htttp://domain/' + sTextValue + '.htm');
   $('#MyForm').submit();
});

和HTML

<form id="MyForm" action="">
  <input id="MyText" type="text" name="verb">
  <input id="btnSubmit" type="button" value="Conjugate">
</form>

有很多方法可以实现这一目标。那只是其中之一。

Answer 2

<form action="http://domain/**(((MY TEXT INPUT VALUE)))**.htm" id="btnForm">
<input type="text" name="verb" onchange='javascript:document.getElementById("btnForm").action = "http://domain/"+ this.value +".htm"'> 
<input type="submit" value="Conjugate" >
</form

只要您输入文字，就会更新。它不需要jquery。它使用输入类型文本的onchange事件处理程序

Answer 3

   <form action="http://domain/**(((MY TEXT INPUT VALUE)))**.htm" id="btnForm">
       <input type="text" name="verb" onchange='updateFormAction(this.value)'>
       <input type="submit" value="Conjugate" >
   </form>

  <script type="text/javascript">
      function updateFormAction(value){
          var btnForm = document.getElementById("btnForm");
          btnForm.action = "http://domain/"+ value +".htm";
    }
  </script>

这是更具说明性的形式。它基于文本类型的onchange事件处理程序。

链接后面的文本表单

3 个答案: