change language demo

change language

HTML

<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=="chinese"){
                   self.Username("发达的撒过");
                   self.Password("阿的说法回复的时候");
                   self.Rememberpassword("阿的说法的时光");
              };

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

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