2

我有以下表格。我想更改表单操作以包含此表单中的变量 500pxuserid。有没有办法做到这一点？为了用户体验，我想防止重定向。目前，我在另一边获取变量，然后将它们重新路由到一个新的 url，但这需要重定向。

      <form action="importphotos.php?view=500&mode=upload&page=1&u=&u2=&500pxuserid=" method="post">

    <div style="width:100%;height:45px;background-color:rgb(2,173,234);">
    <img style="width:30px;padding:10px;float:left;" src="https://photorankr.com/graphics/import_500pxicon.png" />
    <h3 style="font-weight:300;font-size:20px;text-align:left;padding-left:40px;margin-top:8px;color:white;float:left;">Login to 500px</h3>

    </div>

      <div style="width:90%;height:150px;border-bottom:1px solid rgba(255,255,255);float:left;margin-top:-5px;">


    <input style="outline:none;padding:8px;border-radius:3px;font-size:18px;width:263px;float:left;border:1px rgb(100,100,100);border-style:solid; margin:8px; margin-left:16px;" placeholder = "Enter your 500px id" type="text" name="500pxuserid" />
    <input type="password" style="outline:none;padding:8px;border-radius:3px;font-size:18px;width:263px;float:left;border:1px rgb(100,100,100);border-style:solid; margin:8px; margin-left:16px;"  placeholder = "Enter your 500px password" type="text" name="500pxuserpassword" />

    <input class = "submitbox" type="submit">

    </div>




    </form>
  </div>
4

2 回答 2

1

使用 javascript，您可以更改表单提交 (onsubmit) 上的表单操作。

<script type="text/javascript">
function get_action(form) {
    var user = document.getElementById('userid').value;
    form.action = "importphotos.php?view=500&mode=upload&page=1&u=&u2=&500pxuserid=" + user;
}
</script>

<form action="" method="post" onsubmit="get_action(this);">
  ...
   // add id=""userid" to input
  <input ... type="text" name="500pxuserid" id="userid" />
</form>
于 2013-08-03T03:52:56.080 回答
0

三件事：

  • 向您的表单添加一个id属性。例如，foo。
  • 向您的表单添加一个onsubmit属性onsubmit="foo()， “
  • 为您的输入添加一个id属性。500pxuserid例如，bar。

它应该如下所示：

<form id="foo" onsubmit="foo();" ...

你的输入：

<input id="bar" ...

并在您的 JavaScript 中添加以下函数：

function foo()
{
    var form = document.getElementById('foo'),
        bar = document.getElementById('bar');
    form.action = 'importphotos.php?view=500&mode=upload&page=1&u=&u2=&500pxuserid=' + bar.value; 
}

另外，请记住，这只有在用户的浏览器启用了 JavaScript 时才有效。

于 2013-08-03T04:15:19.807 回答