javascript - jQuery を使用してアプリケーションで国際化を実行する

Question

私は自分のlogin.jspページのためにそれをしました。次に、残りのページでそれを行いたいと思います。そこで、jQuery を使用してこれらのページでロケールを取得する方法をお聞きしたいと思います。ページを更新すると、デフォルトの英語に戻ります。しかし、選択した言語をすべてのページで永続的に使用したい. これはどのように行うことができますか？

これは私のドロップダウンリストです。

<select name="languages" id="drp" class='box' style='width:108px; height:25px'>
  <option value='ar' style='font-size:12px'>Arabic</option>
  <option value='bn' style='font-size:12px'>Bengali</option>
  <option value='zh' style='font-size:12px'>chinese</option>
  <option value='nl' style='font-size:12px'>Dutch</option>
  <option value='en' style='font-size:12px' selected="selected">English(US)</option>
</select>

これは、ロケールを取得するための私のコードです。

$("#drp").change(function () {
  var y=1;
  var language=$("#drp").children("option").filter(":selected").val();
  //multiple language support
  loadBundles(language);
  function loadBundles(language) {
    jQuery.i18n.properties({
      name:'text',
      path:'bundle/',
      mode:'both',
      language:language,
      callback: function() {
        $('#iusername').text(jQuery.i18n.prop('login.label.username'));
        $('.password').text(jQuery.i18n.prop('login.label.password'));
        return {
          getY: function(){
            return y;
          },
          setY: function(newY){
            y = newY;
          }
        }
      }
    });

リソース ファイルがバンドルに含まれています。このコードは、login.jsp ページで完全に実行されています。しかし、registration.jsp や home.jsp などの残りのページについてはどうすればよいでしょうか?