javascript - 将表单提交到页面,其中页面根据表单元素而变化?

标签 javascript php forms

提交表单时,提交页面基于表单中的某个元素。例如:

<form method="post" action="/submit/[user_form_field]">
  <input type="text" name="user">
  <input type="hidden" name="userdata" value="userdatavalue">
  <input type="submit">
</form>

在用户字段中提交“test”时,表单应将用户数据字段 POST 到 /submit/test

一个单独但相似的选项是,这也可以在不发布任何内容的情况下进行处理。给出几乎相同的形式:

<form method="get" action="/submit/[user_form_field]">
  <input type="text" name="user">
  <input type="submit">
</form>

在这种情况下,以用户身份输入“test”的人将被重定向到“/submit/test”,而不是“/submit?user=test” ”

基本上,对于第二部分,有没有办法在提交“GET”表单时删除“?user=”部分?

最佳答案

我自己成功了:

<script>
 function change_action(formchange)
    {
        document.formchange.action = "/submit/" + document.getElementById("user").value;
    }
</script>
<form method="post" name="formchange" id="formchange" action="/submit">
    <input type="text" name="user" id="user" onchange="change_action(this.form)"> ';
    <input type="submit" value="Submit">
</form>

它仍然会发帖,所以它可以完成我需要的一切。

关于javascript - 将表单提交到页面,其中页面根据表单元素而变化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58593350/

相关文章:

php - 比较 laravel 中的列

php - 将日期时间结果偏移 3 小时

python - 将 StringField 的 FieldList 的条目从 postman 发送到 flask

javascript - 如何在点击时将图像更改为其他图像?

javascript - 在 Symfony 2 上使用 Assetic 组合文件以仅对所有 CSS 文件进行一次调用

javascript - Node.js http2 服务器与一个域的 http 服务器

javascript - 试图注册两个具有相同名称的 View ProgressBarAndroid

PHP - 类似银行的每月交易

javascript - 如何从特定表单中获取隐藏值?

Javascript:通过 ID 更新元素?