2012-08-17 82 views
-2

我想要做一个在新页面中打开一个URL的javascript函数,但是我需要从一个例子中获取相同的数据,例如: 我有一个文本字段,像234543256,当我点击提交我需要有一个像在新页面中打开url的Javascript

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”增加的价值。

+1

http://whathaveyoutried.com/ – 2012-08-17 06:47:43

+1

<脚本类型= “文本/ JavaScript的”> 功能跟踪(){ var url =“http://somepage.com/somefile.php?=”; var nr =“022300134609”; var endurl =“&someotherthings”; var fullurl = url + nr + endurl; window.open(fullurl); } <表格ID = “测试”> 2012-08-17 07:01:20

回答

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> 
0

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

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

</form> 

我说在一个新的页面提交表单假设意味着一个新的标签..

希望这有助于。

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> 
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”会将您的动作URL打开到一个新的选项卡。

<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>