Open a URL + the text input by the user using Javascript

Question

I have input box and a submit button.

The user will input their "reference number" (example: "hello123")
user will click the submit button.
after clicking the submit button, the javascript will open url link in a New browser Tab with a url link (which i assigned) plus the input of the user (which is hello123)

Assigned url is (for example): www.mywebsite.com/ after clicking the submit button, the url to open by javascript is: www.mywebsite.com/print/hello123/

i have this code:

<input type="text" id="text" />
<input type="button" id="btn" value="Submit" onClick="javascript: window.open('http://www.mywebsite.com/print/' + document.getElementById('text').value);" />

but it's really not working. any ideas what's wrong?

user2886452 · Accepted Answer · 2014-06-12 09:32:30Z

2

We form the new URL as follows:

var url = "www.mywebsite.com/"+document.getElementById('text').value;

In the onclick event, change it to :

window.location=url;

answered Jun 12, 2014 at 9:32

user2886452

Sign up to request clarification or add additional context in comments.

Comments

MarshallOfSound · Accepted Answer · 2014-06-12 09:13:16Z

1

Using jQuery is the simplest way to do this

$("#btn").click(function() {
    window.location="www.yourwebsite.com/url/here/"+$("#text").val();
})

answered Jun 12, 2014 at 9:13

MarshallOfSound

2,7171 gold badge22 silver badges26 bronze badges

Comments

PG1 · Accepted Answer · 2014-06-12 09:40:03Z

0

Just replace window.open with window.location.

Also if you are already on www.mywebsite.com just write

window.location.href=document.getElementById('text').value.

answered Jun 12, 2014 at 9:40

PG1

1,2422 gold badges12 silver badges28 bronze badges

1 Comment

Ben Daggers Over a year ago

it is an external website. will try your approach.

Collectives™ on Stack Overflow

Open a URL + the text input by the user using Javascript

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related