Dynamic form field not working?

[Anonymous]

We have a form set up and using dynamic fields so that if a country (outside of US and Canada) is selected, they will NOT be required to select a state from the drop down, else that is a required field. A coworker set this up and I've never done dynamic forms... but below is the html used and for some reason this isn't working. Any input?

<script type="text/javascript" src="/js/public/jquery-latest.min.js"></script>
<script type="text/javascript" src="/js/public/stateCountry.js"></script>

[Anonymous]

In my experience of using this dynamic form option, I have found that it won't work correclty unless your Country and State field values are the same as the text files they originally give you in the .zip file that you download from this help article.

[Anonymous]

Kenny,

Thanks for your reply. We did use the zip file. I did take out the following html for the fancy button and now it works... any idea why this html would affect the dynamic fields?

----------------------------------------------------------------------------------------------------------------------------------------------------------

<script language="Javascript" src="/js/public/jquery-latest.min.js" type="text/javascript"></script>

   <script>

     var $jQ = jQuery.noConflict();

     // Use jQuery via $jQ(...)

     $jQ(document).ready(function(){

       $jQ("#mktFrmSubmit").wrap("<div class='buttonSubmit'></div>");

       $jQ(".buttonSubmit").prepend("<span></span>");

     });

   </script>

<style>

/* Start fancy button */

div.buttonSubmit {

  position:relative;

  float:left;}

div.buttonSubmit input, div.buttonSubmit span {

  background-image:url(imageURL);

  background-position:right 0px;

  background-repeat:no-repeat;

  border:0px none;

  color:#FFFFFF;

  cursor:pointer;

  float:left;

  font-weight:bold;

  height:36px;

  margin:0px;

  padding:0px 15px 2px;

  position:relative;

  z-index:5;}
 

div.buttonSubmit span {

  background-position:left -36px;

  left:-4px;

  padding:0px;

  position:absolute;

  top:0px;

  width:4px;

  z-index:10;}
 

div.buttonSubmit input {

  width:auto;

  padding-left: 10px !important;

  padding-right: 10px !important;}

#mktFrmSubmit{

    color: #FFFFFF !important;

    font-size: 13px;}

div.buttonSubmit:hover input {  background-position: right -72px;}

div.buttonSubmit:hover span {  background-position: left -108px;}

/* end fancy button */

div.buttonSubmit input, div.buttonSubmit span {

margin-top: 50px;}

< /style>