Script won't work on chrome?

Printable View

02-19-2013, 02:31 PM
frrlod

Script won't work on chrome?

Hello!
I would be grateful if you guys could enlighten me why this script works in other browsers, but fails in chrome.
It's just supposed to alert a name depending on the fruits you've chosen.

Code:

<html> <head> <title></title> <script type="text/javascript"> function FruitBox() { alert(window.document.myform.fruit.value); } </script> </head> <body> <form name="myform"> <input type="radio" name="fruit" onClick="window.document.myform.fruit.value = 'oranges'">Oranges & Tangerines<br> <input type="radio" name="fruit" onClick="window.document.myform.fruit.value = 'bananas'">Bananas<br> <input type="radio" name="fruit" onClick="window.document.myform.fruit.value = 'peaches'">Peaches, Nectarines & Plums<br> Choose your favorite and <a href="javascript:FruitBox()">click here</a>. </form> </body> </html>
02-19-2013, 03:32 PM
frrlod

Forgot to mention, it returns 'undefined' instead of the fruit value.
02-20-2013, 05:41 PM
Logic Ali

Quote:

Originally Posted by frrlod

Forgot to mention, it returns 'undefined' instead of the fruit value.

The value of a radio button group can be read by looping through the elements (you can research that). There is no need to use onclick events and setting the value of a radio button group is an illegal operation so cannot be expected to work.

The javascript: pseudo protocol should never be used, you can research why.

Here's a fix for your code that keeps the onclick events to set a hidden field:

Code:

<html> <head> <title></title> <script type="text/javascript"> function FruitBox(f) { alert( f.response.value ); } </script> </head> <body> <form name="myform"> <input type='hidden' name='response'> <input type="radio" name="fruit" onClick="this.form.response.value = 'oranges'">Oranges & Tangerines<br> <input type="radio" name="fruit" onClick="this.form.response.value = 'bananas'">Bananas<br> <input type="radio" name="fruit" onClick="this.form.response.value = 'peaches'">Peaches, Nectarines & Plums<br> <input type="button" value="click here" onclick="FruitBox( this.form )"> </form> </body> </html>
02-21-2013, 02:46 AM
frrlod

Thanks a lot.

I guess learning from a pretty old guide was a bad idea. :)
02-21-2013, 10:32 AM
zeeshanaayan07

this is not regularly but some time i always used in script in chrome. i think its work. But i will again try it. Thanks for your brilliant information