javascript onclick="location.replace('url')" not working

Question

i'm writing some inline javascript. it's not working and i'm not sure why.

at the top of the index page

<meta http-equiv="Content-Script-Type" content="text/javascript" />

later on i have:

<select name='id'> 
<option value=-1>New Entry</option> 
<option value='1' onclick="location.replace('index.php?page=update&id=1')">2010-06-12 16:38:08</option> 
<option value='2' onclick="location.replace('index.php?page=update&id=2')">2010-06-12 18:20:49</option> 
<option value='3' onclick="location.replace('index.php?page=update&id=3')">2010-06-13 11:39:09</option> 
</select>

what i want is for the page to be replaced when one of the option items is selected but the code is not causing a page refresh and i'm not sure why. is something wrong with the javascript?

That seems to work for me in Firefox. I presume you are testing in IE? I'm not sure that supports option.onclick based on here bytes.com/topic/javascript/answers/… — Martin Smith
– Martin Smith, Commented Jun 19, 2010 at 18:09
was using chrome. this does work in firefox... didn't realize. thanks for the tip. — moonlightcheese
– moonlightcheese, Commented Jun 19, 2010 at 18:15

Guffa · Accepted Answer · 2010-06-19 18:11:54Z

4

Use the onchange event of the select element:

<select name="id" onchange="window.location.replace('index.php?page=update&id='+this.options[this.selectedIndex].value);"> 
<option value="-1">New Entry</option> 
<option value="1">2010-06-12 16:38:08</option> 
<option value="2">2010-06-12 18:20:49</option> 
<option value="3">2010-06-13 11:39:09</option> 
</select>

Note: The location.replace method is used when you want to navigate to the page and also replace the current page in the browsing history. If you just want to navigate to the page normally, you assign the URL to the window.location.href property instead.

answered Jun 19, 2010 at 18:11

Guffa

703k112 gold badges760 silver badges1k bronze badges

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

1 Comment

Guffa Over a year ago

@digitalFresh: The value property doesn't work in older browsers. I haven't checked recently how old the browser has to be not to support it, but reading the value from the options collection always works.

Eric Warnke · Accepted Answer · 2011-03-25 07:17:39Z

2

I've found that window.location.href doesn't work at all in newer browsers (FF4, Chrome 10, etc.).

answered Mar 25, 2011 at 7:17

Eric Warnke

1,38512 silver badges18 bronze badges

1 Comment

Marco Aurelio Fernandez Reyes Oct 8 at 16:14

If using window.location from a <input type="submit", use instead <input type="button".

Collectives™ on Stack Overflow

javascript onclick="location.replace('url')" not working

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related