  <div class="row_flexcont">
             <label class="bnc_label">Service State:</label>
          <div class="bnc_field">
           &lt;input  200px;" name="custSrvState" id="Cust_srv_state"  type="text"  /&gt;
          </div>
         </div>


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


                 <div class="row_flexcont">
                <label class="bnc_label" id="srvState">Service State:</label>
                <select id="Add_srv_state_group"  >
             <option selected value="select">Select</option>
                </select>
                 </div>


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


 function showUserDetails(data){
     CleanAll();
     $("#bc_Error_msg").css("display", "none");
     $("#Customer_profile_body").show();
     $("#CustID").val(data[0].custId);
      $("#Cust_name").val(data[0].custName);
      $("#Cust_number").val(data[0].custCPhone);
      $("#Cust_emailId").val(data[0].custCEmail);
      $("#Cont_Name").val(data[0].custCName); 
      $("#CTL_Cont_Name").val(data[0].custCtlContact);
     $("#Cust_Bgn_date").val(formatDate(data[0].custBeginDate));
     $("#Cust_end_date").val(formatDate(data[0].custEndDate));
     <%if(mUserRole.equals("Admin")  || mUserRole.equals("Basic User")) {%>
     $("#Cust_end_date").datepicker();
     <%} %>  
      $("#Cust_Addr_lane1").val(data[0].custAddr1);
      $("#Cust_Addr_lane2").val(data[0].custAddr2);
      $("#Cust_Addr_lane3").val(data[0].custAddr3);
      $("#Cust_Addr_lane4").val(data[0].custAddr4);
      $("#Cust_Addr_lane5").val(data[0].custAddr5);
      $("#Cust_Addr_lane6").val(data[0].custCity);
      $("#cust_country").val(data[0].country);
      $("#cust_state").val(data[0].custState);
      $("#cust_zip").val(data[0].custZip);
      $("#Cust_desc").val(data[0].custGenricDesc);
      $("#Cust_Bill_cycle").val(data[0].custBillCycle);
      $("#Cust_Usg_cycle").val(data[0].custUsgCycle);
      if ( data[0].custInd == "Y"){
      $("#CusINDR_y").prop("checked", true);
      $("#CusINDR_N").prop("checked", false);
      }if ( data[0].custInd == "N"){
       $("#CusINDR_N").prop("checked", true);
       $("#CusINDR_y").prop("checked", false);
       }
   
      if ( data[0].custTaxInd == "M"){
          $("#CtaxActive").prop("checked", true);
          $("#ctaxInactive").prop("checked", false);
          $("#ctaxExempt").prop("checked", false);
          }
   if ( data[0].custTaxInd == "V"){
           $("#ctaxInactive").prop("checked", true);
          $("#ctaxExempt").prop("checked", false);
           $("#CtaxActive").prop("checked", false);
           }
   if ( data[0].custTaxInd == "E"){
             $("#ctaxExempt").prop("checked", true);
          $("#ctaxInactive").prop("checked", false);
           $("#CtaxActive").prop("checked", false);
           }

      if ( data[0].custPaymentInd == "M"){
          $("#Cuspay_y").prop("checked", true);
          $("#Cuspay_N").prop("checked", false);
          }if ( data[0].custPaymentInd == "A"){
           $("#Cuspay_N").prop("checked", true);
           $("#Cuspay_y").prop("checked", false);
           }

      if ( data[0].custDiscInd == "D"){
          $("#CusDISC_y").prop("checked", true);
          $("#CusDISC_N").prop("checked", false);
          }if ( data[0].custDiscInd == "N"){
           $("#CusDISC_N").prop("checked", true);
           $("#CusDISC_y").prop("checked", false);
           }

      if ( data[0].custLpcInd == "L"){
          $("#CusLPC_y").prop("checked", true);
          $("#CusLPC_N").prop("checked", false);
          }if ( data[0].custLpcInd == "N"){
           $("#CusLPC_N").prop("checked", true);
           $("#CusLPC_y").prop("checked", false);
           }


          if ( data[0].custMediaInd == "E"){
              $("#CusMedia_Flat").prop("checked", true);
              $("#CusMedia_3pp").prop("checked", false);
              $("#CusMedia_NDM").prop("checked", false);
              
              }if ( data[0].custMediaInd == "P"){
                $("#CusMedia_Flat").prop("checked", false);
                      $("#CusMedia_3pp").prop("checked", true);
                      $("#CusMedia_NDM").prop("checked", false);
                   }if ( data[0].custMediaInd == "F"){
                    $("#CusMedia_Flat").prop("checked", false);
                          $("#CusMedia_3pp").prop("checked", false);
                          $("#CusMedia_NDM").prop("checked", true);
                       }
      
      
             if ( data[0].custBillFrequency == "M"){
                   $("#custBillFreqency_month").prop("checked", true);
                   $("#custBillFreqency_quart").prop("checked", false);
                   $("#custBillFreqency_year").prop("checked", false);
                   $("#custBillFreqency_adhoc").prop("checked", false);
                  }if ( data[0].custBillFrequency == "Q"){
                      $("#custBillFreqency_month").prop("checked", false);
                      $("#custBillFreqency_quart").prop("checked", true);
                      $("#custBillFreqency_year").prop("checked", false);
                      $("#custBillFreqency_adhoc").prop("checked", false);
                     }if ( data[0].custBillFrequency == "Y"){
                         $("#custBillFreqency_month").prop("checked", false);
                         $("#custBillFreqency_quart").prop("checked", false);
                         $("#custBillFreqency_year").prop("checked", true);
                         $("#custBillFreqency_adhoc").prop("checked", false);
                        }if ( data[0].custBillFrequency == "A"){
                            $("#custBillFreqency_month").prop("checked", false);
                            $("#custBillFreqency_quart").prop("checked", false);
                            $("#custBillFreqency_year").prop("checked", false);
                            $("#custBillFreqency_adhoc").prop("checked", true);
                           }
               
                        $("#Cust_Bus_off_cd").val(data[0].busOfcCd);
                        $("#Cust_Fed_Tax_ID").val(data[0].fedTaxId);
                        $("#Cust_Locn_ID").val(data[0].locnId);
                        $("#Cust_Entp_id").val(data[0].entpId);
                        setCustomerBrand(data[0].custBrand);
                        $("#Cust_mkt_unit_cd").val(data[0].custMarketCode);
                        $("#Cust_paymt_term").val(data[0].custPaymtTerm);
                        $("#Cust_srv_state").val(data[0].custSrvState);
      setTaxExemptionCode(data[0].taxExemptCode);   

        $("#Cust_Biz_Contact").val(data[0].custBizContact);   
       
     }

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


function getSrviceStateDropDownValues(){
 $('#Add_srv_state_group').empty();
 $.ajax({
    type : "GET",
    url : "getStateDetails?systemName="+SysName,
    data : "",
    dataType : "json",
    cache: false,
    success : function(data) {
   $('#Add_srv_state_group').append($('<option>').text('Select').attr('value', 'blank'));
   $.each(data, function(i, value) { 
    $('#Add_srv_state_group').append($('<option>').text(value.stateDesc.trim()+ '  ('+value.stateId.trim()+')').attr('value', value.stateId));
   });    
   $("#Add_srv_state_group").selectmenu("refresh");
    },error : function(error) {
   redirectToLoginPage(error);
  } 
   });
}

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


function AddCustomerFileds(){
  var userrole='&lt;%=mUserRole%&gt;';
  
          if (userrole != 'Admin' && userrole != 'Basic User'){
         $("#Customer_profile_body").hide();
    $('#bc_Error_msg').text(" Customer not present in DB");
          $("#bc_Error_msg").css("display", "block");
          } else{

  $("#Add_Customer_profile_body").show();

  getCountries();
  // getStateDropDownValues();

   getSrviceStateDropDownValues();
   var mCustomerid = $("#cust_ID").val().trim();
  $("#Add_CustID").val(mCustomerid.toUpperCase());
  
  var maxEndDate = new Date(9999,11,31) ;
        $("#Add_Cust_end_date").val($.datepicker.formatDate("mm/dd/yy", maxEndDate));
        
        $(function() {
            $( "#Add_Cust_end_date" ).datepicker({
                showButtonPanel: false,
            });
        });
        
        $("#jendEffDate").val($.datepicker.formatDate("mm/dd/yy", maxEndDate)); 
        $(function() {
            $( "#jendEffDate" ).datepicker({
                showButtonPanel: false,
            });

        }); 

  $("#Add_Cust_Bgn_date").val($.datepicker.formatDate("mm/dd/yy", new Date()));
        $(function() {
            $( "#Add_Cust_Bgn_date" ).datepicker({
                showButtonPanel: false,
            });
        }); 

        $("#jbegEffDate").val($.datepicker.formatDate("mm/dd/yy", new Date())); 
        $(function() {
            $( "#jbegEffDate" ).datepicker({
                showButtonPanel: false,
            });

        });
       
  }
  }