Question

I am trying to set a focus on a dropdown within GridView(gridViewDropDown class) when page loads:

if ($('select.gridViewDropDown').length)
{
     alert("Found my dropdown");
        //$('select.gridViewDropDown:first').focus();
     setTimeout(function() { $('select.gridViewDropDown').focus(); }, 10);
}

I can see the alert which means that dropdown is found but it never gets a focus. What do I need to change here? I am using IE 6/7.

Answer 1

I’d try this approach:

$(function() {
  setTimeout(function() { $('select.gridViewDropDown').focus(); }, 50);
});

You need to wait until the DOM is ready, it’s possible that something else is set to steal focus when the page loads (code that’s most likely executing when the DOM’s ready as well) This approach times it to be just slightly after that happens.

It also takes advantage of how jQuery works, if no elements are found when this function fires, none will steal focus, so it’s safe to just leave in there as-is.