带有附加网址

时间:2018-04-21 17:33:30

标签: javascript php html forms append

我在wordpress页面上发布了以下表格。

我想抓住没有引荐者的用户自己设置引用者(引用者部分全部由插件处理......在这里无所谓)。

Url的注册表格如下:

http://myurl.com/register/

下面的代码工作正常。直接插入wp页面编辑器(文本)。 除了它创建一个如下的URL:

http://myurl.com/寄存器/?ID = testinput

如何以这种方式格式化生成的Url?:

http://myurl.com/寄存器/ SP / testinput

<h3>Your ID</h3>
<p>Please input your ID</p>

<form id = "submit_id_form" onsubmit="myIDFunction()">
    <input type="text" name="id">
    <input type="submit" value="Confirm">
</form>

<?php
function myIDFunction(){
    var action_src = "http://myurl.com/register/" + document.getElementsByName("id")[0].value;
    var submit_id_form = document.getElementById('submit_id_form');
    submit_id_form.action = action_src ;
} ?>

</script>

这是我试图修改的原始表单代码(参考下面):

<form id = "your_form" onsubmit="yourFunction()">
<input type="text" name="keywords">
<input type="submit" value="Search">

function yourFunction(){
var action_src = "http://localhost/test/" + 
document.getElementsByName("keywords")[0].value;
var your_form = document.getElementById('your_form');
your_form.action = action_src ;
} 

</script>

我尝试附加/ sp / part并删除附加的问号“?”在上面的代码..但我完全坚持编码。 (我是一个“咔哒声”而不是编码器可以这么说)

非常感谢你们和男士们:)

Original Code is from here

1 个答案:

答案 0 :(得分:0)

您必须从onsubmit上调用的方法返回true

function yourFunction(){ 
var action_src = "http://localhost/test/" + document.getElementsByName("keywords")[0].value; 
var your_form = document.getElementById('your_form'); 
your_form.action = action_src ;
return true;
 }