Internet Explorer: dropdown field will not populate a second dropdown field with choosen answer.

Firefox and Chrome both populate the High School represented field, near the bottom of the High School Art Exhibition entry form, from the High School represented (choose one) field near the top of the form.

Is there a work-a-around that might fix IE?

I tried populating a text box field with the answer of the top field: IE did respond with the term "undefined" in the text box.

The web page is public: http://www.kcc.edu/Community/arts/exhibitions/Pages/hs-art-exhibition-entry-form.aspx

Thanks.
Joanie

jliesenfelt-millard@kcc.edu

or webservices@kcc.edu

I have loaded your website then tested the form embedded on it in an Internet Explorer 11 and I was able to reproduce the issue you're having.

However, when I tried to create a clone version of your form and test it out (again on IE 11), I'm surprised to see that the issue does not exist. I also tried it with your form in stand-alone (not embedded) and I have not encountered the same issue as with your form when it is embedded on your website.

I had a hunch that the issue seems to be related with how your form is embedded but I see that you've used the form's iframe code which we normally suggest to our users to use in cases like this to avoid scripts conflict between their form and their website.

I'm not sure what's really causing this and we might need to further investigate. For now, can you try to do the following and see if it helps.

1. Try removing the conditions related to the first "High school represented (choose one)" drop-down field in your form that has "Missing Fields" indicator.

2. After that, save your form and re-embed it to your website. 

3. Clear the browser's cache of your IE and test the form on your website again.

We will wait for your response.

Thank you.