Question

我有一个HTML格式的表单。在表单内部，只有两个输入字段：

<input type="search">

<input type="submit">

现在问题是，当我提交表单时，如何将action属性的值更改为input type='search'中输入的值。

这可能吗？

Answer 1

我无法理解为什么有人想要这个，但这就是你如何做到的。

HTML代码

<form id="searchForm">
  <input type="search" id="search">
  <input type="submit">
</form>

jQuery是

<script>
$("#searchForm").on('submit', function(){
  var $userEntered = $(this).children('#search').val();
  $(this).attr("action", $userEntered);
});
</script>

这会将用户输入搜索字段的内容放入表单的action属性中。

JSFiddle：https://jsfiddle.net/JohnnyWalkerDesign/bwnvhz24/

（注意：您可以通过在输入字段中输入类似https://www.google.com的内容来查看JSFiddle的工作。它必须以https://开头，因为这是JSFiddle使用的内容。）

Answer 2

您可以查看。

HTML代码

<form action="http://www.google.com" id="checking">
  <button type="submit">click it</button>
</form>

脚本代码是

<script>
$("#checking").submit(function(e){
  this.action = "http://www.w3schools.com";
});
</script>

动态更改表单的操作属性

2 个答案: