Append to the end of an href value with jquery

Question

I`ve got this link:

<a id="Link" href="mailto:bestellung@i-drain.net?subject=I-Drain Bestellung&body="></a>

Now i want to append data from an form element after &body="

So for example the first time it changes to &body="New text , and the next time it changes to &body="New text , Another text.

How can i do this? Can´t get it to work.. thank you :)

Please post the code which you have tried that did not work. — James Montagne, Jun 11 '13 at 14:53
Duplicate: http://stackoverflow.com/questions/2805742/how-to-update-append-to-an-href-in-jquery — Akrasiac, Jun 11 '13 at 14:56
i´ve read this before, but solutions didn´t work for my case. — Marc Ster, Jun 11 '13 at 14:58

score 7 · Accepted Answer · answered Jun 11 '13 at 14:53

7

You change the attribute of the link:

var link = $('#Link');
link.attr('href', link.attr('href') + 'your text');

answered Jun 11 '13 at 14:53

René Wolferink

score 2 · Answer 2 · answered Jun 11 '13 at 15:03

2

You can use pure JS :

var el = document.getElementById('link');
el.href += 'some string';

When possibile, always try to use JS over jQuery, usually, it will provide better performance since it reduce the number of functions call.

answered Jun 11 '13 at 15:03

score 1 · Answer 3 · answered Jun 11 '13 at 14:53

1

For example, you can do it with:

var form = $('.form_element').val();
var el = $('a#Link').prop('href');

el.prop('href', el.prop('href')+form);

answered Jun 11 '13 at 14:53

realshadow

score 1 · Answer 4 · answered Jun 11 '13 at 14:55

1

$('#Link').attr('href',$('#Link').attr('href')+"New Text")

answered Jun 11 '13 at 14:55

hennadiy.verkh

4 Answers4