How to make href will work on button in IE8

Question

I want href will work on type="button"in IE8.

<a href="submit.php"><input type="button" value="Submit" class="button" /></a>

Other browser working fine but on IE8 the code above not working. How to fix it?

Update

<form action="submit.php" method="post"">
<input type="submit" value="Submit" class="button" />
</form>

I know this way can be done. But I want to know other ways how to make it work on IE8 without to have the <form></form>

yes can be done.. but i want to know how to make it work on IE without to have the form submit — wow, Jun 01 '10 at 13:09

score 10 · Accepted Answer · answered Jun 01 '10 at 13:06

10

onclick="window.location=this.parentNode.href;"/>

this.parentNode can refer to a tag so... it should work or test getAttribute even

answered Jun 01 '10 at 13:06

KoolKabin

17,157
35
107
145

It's not the 90s. Never never never use onclick. – Cerin Oct 11 '12 at 19:11

score 1 · Answer 2 · answered Jun 01 '10 at 13:05

1

why not use

<form action="submit.php" method="get">
<input type="button" value="Submit" class="button" />
</form>

?

answered Jun 01 '10 at 13:05

Wayne Werner

49,299
29
200
290

score 0 · Answer 3 · answered Oct 02 '14 at 17:46

I used to be all happy that IE8 was not IE6. But seriously.

I'm using jQuery to patch up any button tag within an <a> link tag, inside conditional tags so it's just for old IEs.

<!--[if lt IE 9]>

<script type="text/javascript">
// IE8 is the new IE6. Patch up http://stackoverflow.com/questions/2949910/how-to-make-href-will-work-on-button-in-ie8
$('button').click(function(){
    document.location = $(this).parents('a').first().prop('href');
});
</script>

<![endif]-->

How to make href will work on button in IE8

3 Answers3

Linked