How do I use a JavaScript variable in a href?

Question

I have a JavaScript variable I grabbed from a form field and I am trying to use it for the href = value in a link. What is the proper way to output this JavaScript variable in HTML?

@holodoc What? Why? His question explains the issue perfectly well. — david
– david, Commented Jun 24, 2012 at 2:01
Because so many things are missing in his description like if he is trying to use inline JavaScript or perform the manipulation after the document (or at least DOM) has been loaded, is he using a framework or pure JavaScript, did he even try something before posting etc. etc. etc. — user188654
– user188654, Commented Jun 24, 2012 at 2:04
I agree with @holodoc. OP should show what they've tried. Can't tell what the actual issue is right now, — user1106925
– user1106925, Commented Jun 24, 2012 at 2:04
@david: Don't be obtuse. I've answered a lot more questions than you have on StackOverflow, and have seen plenty of times where OP excluded relevant code, only to discover when it was finally included that everything was correct but for a single important and very relevant detail. Instead of giving foolish examples as though they had comparable merit, you should encourage OP to provide detailed information. — user1106925
– user1106925, Commented Jun 24, 2012 at 2:20

Josh Mein · Accepted Answer · 2012-06-24 02:10:08Z

7

This should be what you need.

var link = "http://www.google.com/";
var a = document.getElementById('yourlinkId');
a.href = link;

edited Jun 24, 2012 at 2:10

answered Jun 24, 2012 at 1:53

Josh Mein

28.6k15 gold badges79 silver badges89 bronze badges

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

1 Comment

user1106925 Over a year ago

Only if there's a relatively located document named www.google.com.

Gregg · Accepted Answer · 2012-06-24 01:50:03Z

1

Update the href value via javascript. Using something like jQuery it is as simple as:

var link = "www.google.com";
$("a").attr("href", link);

answered Jun 24, 2012 at 1:50

Gregg

36k22 gold badges115 silver badges221 bronze badges

4 Comments

user1106925 Over a year ago

jQuery answers are irrelevant if OP isn't using it. And you're assuming there's a local document named www.google.com.

Gregg Over a year ago

I am answering a question. If the OP doesn't like it he can choose to not mark it as the answer. Regarding the variable I created, that was to mimic whatever variable he might have grabbed from his form element.

user1106925 Over a year ago

The value of the variable can be misleading to someone inexperienced, as can using non-native and likely irrelevant syntax.

Gregg Over a year ago

Then feel free to provide your own answer.

oezi · Accepted Answer · 2012-11-13 14:15:18Z

-3

If you're not using jQuery, try this:

document.write('<a href="'+variable+'">Link to some site</a>');

edited Nov 13, 2012 at 14:15

oezi

51.9k10 gold badges102 silver badges119 bronze badges

answered Jun 24, 2012 at 1:51

Kyle

3,04619 gold badges54 silver badges79 bronze badges

1 Comment

user188654 Over a year ago

document.write() is nothing but trouble.

Collectives™ on Stack Overflow

How do I use a JavaScript variable in a href?

3 Answers 3

1 Comment

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related