Script won't work on chrome?

**frrlod** · 02-19-2013 02:31 PM

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>

**frrlod** · 02-19-2013 03:32 PM

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

**Logic Ali** · 02-20-2013 05:41 PM

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>

**frrlod** · 02-21-2013 02:46 AM

Thanks a lot.

I guess learning from a pretty old guide was a bad idea.

**zeeshanaayan07** · 02-21-2013 10:32 AM

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

Thread: Script won't work on chrome?

Thread Tools

Display

Script won't work on chrome?

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions