在新页面中打开网址的Javascript

时间:2012-08-17 06:43:53

标签: javascript html forms

我正在尝试使用javascript函数在新页面中打开URL,但我需要从中获取相同的数据,例如: 我有一个文本字段,我把数字像234543256,当我点击提交我需要有一个网址像

  

http://somepage.com/somefile.php?=234543256&someotherthings

所以它应该是一些url +文本字段数据+一些url

在新页面中打开。有人可以帮忙吗?

到目前为止我已经这样做了:

<html>
<head></head>
<body>
        <script type="text/javascript" > 

function tracking() {
var url="http://somepage.com/somefile.php?=";
var nr="022300134609";
var endurl="&someotherthings";

var fullurl=url + nr + endurl;
window.open(fullurl);
}
</script>
<form id="test">
<input type="textfield" id="nr" name"test">
<input type="submit" name="submit" onclick="tracking();">
</form>

</body>
</html>

但是我需要从要添加的表单中获取“nr”的值。

4 个答案:

答案 0 :(得分:0)

您可以将 target =“_ blank”添加到表单标记中。并使用获取作为方法。即:

<form method="get" target="_blank" name="myform" action="........">

</form>

我假设在新页面中提交表单意味着新标签..

希望这有帮助。

答案 1 :(得分:0)

试试这个.....它适合你

 <html>
<head></head>
<body>
        <script type="text/javascript" > 

function tracking() {
var url="http://somepage.com/somefile.php?=";
var nr=$("#nr").val();
var endurl="&someotherthings";

var fullurl=url + nr + endurl;
window.open(fullurl);
}
</script>
<form id="test">
<input type="textfield" id="nr" name"test">
<input type="button" name="submit" onclick="tracking();">
</form>

</body>
</html>

答案 2 :(得分:0)

您可以创建一个javascript函数来更改您的表单操作:就像在Javascript中一样,它会更改您当前的表单操作以进行提交。

function ChnageUrl(targetForm)
{
     var url = targetForm.action;
     var someOtherThings = "someOtherThings";

     var textValue = document.getElmentById('textboxId').value;

     if(url.indexOf("?")>0)
     {
           url = url + "="+textValue+"&"+someOtherThings ;
     }
     else
     {
           url = url + "?="+textValue+"&"+someOtherThings ;
     }
     targetForm.action = url;
}

在Html中,target =“_ blank”会将您的操作网址打开到新标签页。

<from method="get" target="_blank" name="myform" action="url" onsubmit="ChangeUrl(this);">
   <input type="text" id="textboxId" name = "textboxId" />
   <input type="submit" value="submit"/>
</from>

答案 3 :(得分:0)

使用window.open()方法。 的test.html

<!DOCTYPE html>
        <html>
        <head>
            <script type="text/javascript">
            function hello()
            {
                var name = document.getElementById("txtName").value;
                // Set url.
                var url = "file:///C:/Documents%20and%20Settings/Swe%20Mon/Desktop/test2.html"; // your url string
                // Prepare for parameter.
                var params = "userName=" + name;

                window.open(url + "?" + params); 
                return false;
            }
            </script>
        </head>

        <body>
            Name:<input type="text" id="txtName">
            <button onclick="hello()">Try it</button>
        </body>
        </html>

test2.html

   <!DOCTYPE html>
    <html>
    <head>
    </head>

    <body>


      Test 2 page
    </body>
    </html>