Form fields not responding

Hi JotForm Support,

On page one of our Aidan University application form, the drop down field GENDER (with options for Male and Female) is not functioning properly.  
See https://www.jotform.com/build/81795693484172

I've checked the form itself (in BUILDmode) and all seems OK.

Can you please take a look and let me know how to resolve this issue?

Thanks

RJ Gosselin

What do you mean about not functioning? I checked the form and the drop down menu is working fine on my end. Here's a screen capture of my test:

Is the form embedded on a website? If yes, please provide the link so we can test it. 

I provided the link to the embedded form with my original email.
www.aidanu.education
Click any APPLY ONLJNE link to open page with embedded form.
...

I have checked your embedded form and replicated the issue.

Here is a screen cast:

It could be an issue with the embedded form  and your web page script.

Can you please try re-embedding your form using the Iframe code?

Guide:https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

Please give it a try and let us know if the issue still remains.

Hi Richie,
Replaced HTML embed with the iframe, as suggested.
Problem continued ---
--- Except that NOW neither the gender nor race dropdowns will work --
and the COUNTRY OF BIRTH question is misaligned
;-)
*Dr. RJ Gosselin*
*Executive Vice President*
*d:* 904-469-1754
*e:* DrRJ@AidanU.education
*A**idan **U**niversity *
*Raising The Power Of Education*
*To A Golden Opportunity*
*p:* 904-559-1303
*a: PO box 351148*
Jacksonville FL 32211
*w: www.AidanU.education *
...

Please try this embed code:

<iframe

id="JotFormIFrame-81795693484172"

title="AU Application for Admission"

onDISABLEDload="window.parent.scrollTo(0,0)"

allowtransparency="true"

allowfullscreen="true"

allow="geolocation; microphone; camera"

src="https://form.jotform.com/81795693484172"

frameborder="0"

style="width: 1px;

min-width: 100%;

height:539px;

border:none;"

scrolling="no">

Let us know how it goes. Thank you.

With the new iframe code, NOTHING displays on the application page
http://www.aidanu.education/application.html
*Dr. RJ Gosselin*
*Executive Vice President*
*d:* 904-469-1754
*e:* DrRJ@AidanU.education
*A**idan **U**niversity *
*Raising The Power Of Education*
*To A Golden Opportunity*
*p:* 904-559-1303
*a: PO box 351148*
Jacksonville FL 32211
*w: www.AidanU.education *
...

I have checked your webpage and it seems you have hidden your js body, this is the reason why the form is hidden.

You may disable the custom CSS to show your web page.

.js body {
    visibility:;
}

Checked your embedded form further and it seems the field is working when you use the Iframe embed code.

Kindly try checking your custom CSS and the test your webpage again.

Just decided to workaround and re-direct to the JF site.
Thanks
*Dr. RJ Gosselin*
*Executive Vice President*
*d:* 904-469-1754
*e:* DrRJ@AidanU.education
*A**idan **U**niversity *
*Raising The Power Of Education*
*To A Golden Opportunity*
*p:* 904-559-1303
*a: PO box 351148*
Jacksonville FL 32211
*w: www.AidanU.education *
...