Chips and Chalk

Create a new account

First name Last name

Password

I have read and agree to the Terms of Use and Customer Privacy Policy.

<script>
$( document ).ready(function() {
if($("body").hasClass("my-account-page") || $("body").hasClass("social-sign-up-page")){
    if($("body").hasClass("social-sign-up-page")){
        //fix formatting
        var btn = $('#social-sign-up').parent().html();
        $('form').append("<div class='form__group'>"+btn+"</div>");
        $('#social-sign-up').parent().html("");
    }
    
        
        
            $("label").each(function(){
               var label_text = $(this).text();
               var lfor = $(this).attr("for");
               if(label_text.indexOf("Department") !== -1){
                  var next_input = $( "input[name='"+lfor+"']" );
                  var current_value = $(next_input).val();
                  var input_html = next_input.prop('outerHTML').replace('input type="text"', "select");
                  var options_html = ""
                  var selected = "";
                  
                  
                    if(current_value==""){
                      selected = "selected";
                    } else {
                      selected="";
                    }
                    options_html += "<option "+selected+"></option>";
                  
                    if(current_value=="Sales"){
                      selected = "selected";
                    } else {
                      selected="";
                    }
                    options_html += "<option "+selected+">Sales</option>";
                  
                    if(current_value=="Marketing"){
                      selected = "selected";
                    } else {
                      selected="";
                    }
                    options_html += "<option "+selected+">Marketing</option>";
                  
                    if(current_value=="Finance"){
                      selected = "selected";
                    } else {
                      selected="";
                    }
                    options_html += "<option "+selected+">Finance</option>";
                  
                    if(current_value=="Admin"){
                      selected = "selected";
                    } else {
                      selected="";
                    }
                    options_html += "<option "+selected+">Admin</option>";
                  
                  var end_select = "</select>";
                  $(next_input).replaceWith(input_html+options_html+end_select)
                  console.log("html",input_html)
               }
               
            });     
        
        
    
        
        
            $("label").each(function(){
               var label_text = $(this).text();
               var lfor = $(this).attr("for");
               if(label_text.indexOf("State") !== -1){
                  var next_input = $( "input[name='"+lfor+"']" );
                  var current_value = $(next_input).val();
                  var input_html = next_input.prop('outerHTML').replace('input type="text"', "select");
                  var options_html = ""
                  var selected = "";
                  
                  
                    if(current_value==""){
                      selected = "selected";
                    } else {
                      selected="";
                    }
                    options_html += "<option "+selected+"></option>";
                  
                    if(current_value=="California"){
                      selected = "selected";
                    } else {
                      selected="";
                    }
                    options_html += "<option "+selected+">California</option>";
                  
                    if(current_value=="Oregon"){
                      selected = "selected";
                    } else {
                      selected="";
                    }
                    options_html += "<option "+selected+">Oregon</option>";
                  
                    if(current_value=="Washington"){
                      selected = "selected";
                    } else {
                      selected="";
                    }
                    options_html += "<option "+selected+">Washington</option>";
                  
                  var end_select = "</select>";
                  $(next_input).replaceWith(input_html+options_html+end_select)
                  console.log("html",input_html)
               }
               
            });     
        
        
    
}
if( $("body").hasClass("complete-signup-page")){

$('label:contains("Department*")').each(function() {
          var input = $(this).next('input');
          var required = input.attr('required');
          var name = input.attr('name');
          var id = input.attr('id');
          
          var select = $('<select>', {
              'name': name,
              'id': id,
              'class': 'form__control',
              'required': required
          });

var options = [];
          
                
            options.push("");    
                
            options.push("Sales");    
                
            options.push("Marketing");    
                
            options.push("Finance");    
                
            options.push("Admin");    
          
          options.forEach(function(option) {
              select.append($('<option>', {
                  value: option,
                  text: option
              }));
          });

input.replaceWith(select);
      });

$('label:contains("State*")').each(function() {
          var input = $(this).next('input');
          var required = input.attr('required');
          var name = input.attr('name');
          var id = input.attr('id');
          
          var select = $('<select>', {
              'name': name,
              'id': id,
              'class': 'form__control',
              'required': required
          });

var options = [];
          
                
            options.push("");    
                
            options.push("California");    
                
            options.push("Oregon");    
                
            options.push("Washington");    
          
          options.forEach(function(option) {
              select.append($('<option>', {
                  value: option,
                  text: option
              }));
          });

input.replaceWith(select);
      });

}
});
</script>