Create a new account

First name

Last name

Password

Whatsapp/Telegram Phone Number (required)

State of Residence (required)

Gender (required)

<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("State of Residence") !== -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=="Lagos"){
                      selected = "selected";
                    } else {
                      selected="";
                    }
                    options_html += "<option "+selected+">Lagos</option>";
                  
                    if(current_value=="Ogun "){
                      selected = "selected";
                    } else {
                      selected="";
                    }
                    options_html += "<option "+selected+">Ogun </option>";
                  
                    if(current_value=="Kano"){
                      selected = "selected";
                    } else {
                      selected="";
                    }
                    options_html += "<option "+selected+">Kano</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("Gender") !== -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=="Male "){
                      selected = "selected";
                    } else {
                      selected="";
                    }
                    options_html += "<option "+selected+">Male </option>";
                  
                    if(current_value=="Female"){
                      selected = "selected";
                    } else {
                      selected="";
                    }
                    options_html += "<option "+selected+">Female</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("State of Residence*")').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("Lagos");    
                
            options.push("Ogun ");    
                
            options.push("Kano");    
          
          options.forEach(function(option) {
              select.append($('<option>', {
                  value: option,
                  text: option
              }));
          });

input.replaceWith(select);
      });

$('label:contains("Gender*")').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("Male ");    
                
            options.push("Female");    
          
          options.forEach(function(option) {
              select.append($('<option>', {
                  value: option,
                  text: option
              }));
          });

input.replaceWith(select);
      });

}
});
</script>