```
This is the language select box.

<select name="lang" id="lang" browser="Indicated by the browser">
<option value="en">English</option>
<option value="fr">French</option>
<option value="ch">Chinese</option>
<option value="sp">Spain</option>`enter code here`
</select>

This is script i have written.

<script type="text/javascript">

    jQuery(document).ready(function() {

        loadBundles('en');
        jQuery('#lang').change(function() {
            var selection = jQuery('#lang option:selected').val();
            loadBundles(selection != 'browser' ? selection : null);
            jQuery('#langBrowser').empty();
            if(selection == 'browser')  {                       jQuery('#langBrowser').text('('+jQuery.i18n.browserLang()+')');
            }
        });

    });

    function loadBundles(lang) {
        jQuery.i18n.properties({
            name:'Messages', 
            path:'bundle/', 
            mode:'both',
            language:lang, 
            callback: function() {
                updateExamples();
            }
        });
    }

    function updateExamples() {
        var ex1 = 'Firstname';
        var ex2 = 'Lastname';
        var ex3 = 'Youremail';
        var ex4 = 'Reenteremail';
        var ex5 = 'Newpassword';
        var ex6 = 'Dateofbirth';
        var ex7 = 'Signup';
        var ex8 = 'Itsfreeandalwayswillbe';
        var ex9 = 'Birthlabel';
        var ex10 = 'Termslabel';
        var ex11 = 'Summarylabel';
        var ex12 = 'PersonalLabel';
        var ex13 = 'Interestlabel';
        var ex14 = 'Addlabel';
        var ex15 = 'Editlabel';
        var ex16 = 'Deletelabel';
        var spreadsheet_label = 'Spreadsheetlabel';
        var invite_google_label = 'Invitegooglelabel';
        var invite_facebook_label = 'Invitefacebooklabel';
        var upload_label = 'Uploadlabel';
        var subBut='Submit';
        var dialogTitle = 'DTitle';

        jQuery("#first_name_label").text(eval(ex1));
        jQuery("#first_name_label1").text(eval(ex1));
        jQuery("#last_name_label").text(eval(ex2));
        jQuery("#last_name_label1").text(eval(ex2));
        jQuery("#email_label").text(eval(ex3));
        jQuery("#email_label1").text(eval(ex3));
        jQuery("#reenter_email_label").text(eval(ex4));
        jQuery("#new_password_label").text(eval(ex5));
        jQuery("#date_of_birth_label").text(eval(ex6));
        jQuery("#date_of_birth_label1").text(eval(ex6));
        jQuery("#sign_up").text(eval(ex7));
        jQuery("#label1").text(eval(ex8));
        jQuery("#button").val(eval(ex7));
        jQuery("#birth_label").text(eval(ex9));
        jQuery("#terms_label").text(eval(ex10));
        jQuery("#summary_label").text(eval(ex11));
        jQuery("#personal_label").text(eval(ex12));
        jQuery("#interest_label").text(eval(ex13));
        jQuery("#add_label").text(eval(ex14));
        jQuery("#edit_label").text(eval(ex15));
        jQuery("#delete_label").text(eval(ex16));

        jQuery("#spreadsheet_label").text(eval(spreadsheet_label));
        jQuery("#invite_google_label").text(eval(invite_google_label));
        jQuery("#invite_facebook_label").text(eval(invite_facebook_label));
        jQuery("#upload_label").val(eval(upload_label));

        jQuery("#submit_button").val(eval(subBut));
        jQuery("#ui-dialog-title-dialog").text(eval(dialogTitle));

    }
  </script>

  Everything is working fine for the labels. But in the case of dynamic drop down i     got    problem. How to localize the dynamic drop down data when the user selected the   language.
 The data in the drop down is coming from the database.

 I have a language select drop down box, after selecting one language from dropdown list am able to change the text filed names and all other text in the language that is selected.

```

At the same time i have another dropdown, in that data is generated dynamically form the database. After the user selecting the language from dropdown list i have to change the data in this drop down list also. please suggest me if u have any idea.

Thank you.