CODEWITHSUNDEEP
javascriptasp-classic
flavour404
flavour404

Reputation: 6312

How to make .focus() work on a radio button array?

I am trying to get the .focus() working in IE, it works in chrome etc. My form is called:

<form name="feedbackform" action="feedback.asp" target="_self" onsubmit="return 
        validate_txt(this)" method="post" style="margin: 0;">

my radio buttons:

<input type="radio" name="fb_commentype" value="Comment" />Comment
<input type="radio" name="fb_commentype" value="Complaint" />Complaint
<input type="radio" name="fb_commentype" value="Request" />Request

in my javascript I am trying to call using this line:

document.forms["feedbackform"].elements["fb_commentype"][0].focus();

As I said, it works in chrome, firefox blah blah blah but in IE 8 I am getting nada, zip and I don't know why, nor can I find a satisfactory answer, is there a way around it?

Upvotes: 0

Views: 28173

Answers (3)

user3423649
user3423649

Reputation: 71

<input type="radio" name="fb_commentype" value="Comment" />Comment
<input type="radio" name="fb_commentype" value="Complaint" />Complaint
<input type="radio" name="fb_commentype" value="Request" />Request

Simple, look at your radio button as an array, you can focus any radio button of the array by pointing to the right index, see below.

document.getElementsByName('fb_commentype')[0].focus();

that way the "Comment" radio button will be focused...

Happy coding!!

Upvotes: 2

Thomas Kj&#248;rnes
Thomas Kj&#248;rnes

Reputation: 1927

This might be that IE does not understand the .[0].focus() syntax. You may want to try something like this:

document.forms["feedbackform"].elements["fb_commentype"][0].focus();
document.forms["feedbackform"].elements["fb_commentype"].focus();

Upvotes: 0

DVK
DVK

Reputation: 129491

Are you calling focus when the page just loads (e.g. body's onload)?

This thread might help - it may get called in your code before DOM finished loading

Also, this page has a good test for focus() behavior: http://hardlikesoftware.com/projects/IE8FocusTest.html

Upvotes: 0

Related Questions