change language demo

change language

by jiggle

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.4.1/knockout.mapping.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout-validation/1.0.2/knockout.validation.min.js"></script>
<select data-bind="options: Languagelist,value:Language">
   
</select>
<div>
    <div data-bind="text:Username"></div>
    <div data-bind="text:Password"></div>
    <div data-bind="text:Rememberpassword"></div>
</div>

CSS

.validation-section {
    color: red;
    display: inline;
}

JavaScript

function AppViewModel() {
        var self = this;
        self.Username = ko.observable("Username");
        self.Password = ko.observable("Password");
        self.Rememberpassword = ko.observable("Remember Password");
        self.Language =ko.observable("english");
        self.Language.subscribe(function(lang){
            
              if (lang=="norwegian"){
                   self.Username("Brukernavn");
                   self.Password("Passord");
                   self.Rememberpassword("Husk passord");
              };

              if (lang=="english"){
                   self.Username("Username");
                   self.Password("Password");
                   self.Rememberpassword("Remember Password");
              
              };
        });
        self.Languagelist=['english','norwegian'];
        return self;
    }

var vm = new AppViewModel();
ko.applyBindings(vm);