Question

I have javascript validation that validates items such as textboxes, radio buttons etc. How do I use focus() on the text box or other item located in a specific tab governed by tags?

Sample of the javascript code:

if (theForm.radbtnProg.checked && theForm.ddlProg.selectedIndex == 0) {
    alert("Please select Institution Name from the list.");
    theForm.ddlProg.focus();
}

Above example theForm.radbtnProg.checked and theForm.ddlProg.selectedIndex are the radio button and drop down list that I want to validate. How do I refer to them according to specific tabs?

$('#tabs').tabs(theForm.radbtnProg.checked)?

Edited:
Answered by @nnnnnn and I modified the code:

if (theForm.radProg.checked && theForm.ddlProg.selectedIndex == 0) {
    alert("Please select Program Name from the list.");
    $('#tabs').tabs("select", 0);
    $("#ddlProg").focus();
    return false;
}

Answer 1

Just select what you want to focus, and call jQuery’s focus

$(theForm.ddlProg).focus();

And of course you could select this select any other way:

$("select[name='ddlProg']").focus();