I have a script as below
$('.button1').click(function() {
document.location.href=$(this).attr('id');
});
the button1 has variable unique ids. on click, the page must redirect to url "www.example.com/index.php?id=buttonid
" but now the page is redirecting only to "button id
".
I want to add the string "www.example.com/index.php?id=
" before the current url. How can I make this possible?
click(function() { document. location. href=$(this). attr('id'); });
$(document). ready(function() { $('#titleee'). find('a'). trigger('click'); });
Using onclick Event: The onclick event attribute works when the user click on the button. When mouse clicked on the button then the button acts like a link and redirect page into the given location. Using button tag inside <a> tag: This method create a button inside anchor tag.
$('.button1').click(function() {
window.location = "www.example.com/index.php?id=" + this.id;
});
First of all using window.location
is better as according to specification document.location
value was read-only and might cause you headaches in older/different browsers. Check notes @MDC DOM document.location page
And for the second - using attr
jQuery method to get id is a bad practice - you should use direct native DOM accessor this.id
as the value assigned to this
is normal DOM element.
$('.button1').click(function() {
document.location.href='/index.php?id=' + $(this).attr('id');
});
You need to specify the domain:
$('.button1').click(function() {
window.location = 'www.example.com/index.php?id=' + this.id;
});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With