Code for Adding Infusionsoft Dropdown Fields to Infusionsoft Order Forms

<style>
.sp-custom-fields{padding-bottom:15px; padding-top:20px;}
.sp-custom-fields .heading{text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
font-size: 20px;
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif !important;
padding-left: 0 !important;
                         
padding-bottom:10px;
margin-top:-8px;
}</style>


<script type="text/javascript">
jQuery(document).ready(function(){

   jQuery("#PAYMENT_SELECTION").before(
       '<div id="Additional Info">' +
       '<table class="paymentMethodTable" style="width:100%;margin:10px 0 0 0">' +
       '<tr>' +
       '<th class="leftAlign">Additional Information</th>' +
       '</tr>' +
       '<tr class="cellLow">' +
       '<td>' +
       '<div class="sp-custom-fields">'+
         'Label for your dropdown list: '+
         '<select name="Contact0_InfusionsoftName"">'+
           '<option value="Option 1" selected="selected">Option 1</option>'+
           '<option value="Option 2">Option 2</option>'+
           '<option value="Option 3">Option 3</option>'+
           '<option value="Option 4">Option 4</option>'+
           '</select>'+
       '</div>'+
       '</td>' +
         '</tr>' +
         '</table>' +
         '</div>'
     );


       jQuery("a.continueButton:first").click(function(event){
       var original = jQuery(this).attr('href').replace(/javascript:/g, '');
       event.preventDefault();

         if(jQuery("input[name=Contact0_InfusionsoftName"]").val().replace(/ /g,'') == ""){
               alert("Please fill out all fields in the additional information section.");
               jQuery("input[name=Contact0_InfusionsoftName"]").focus();
               return false;
               
           } else {
               eval(original);
               return true;
           }
       });
});
</script>