Leave a fixed option on a dynamic table - JS

Question

I have a dynamic table, which changes according to the user’s select done in HTML. However, every time the page updates the selected option ends up changing too.

I thought of two possibilities that might work out for what I want:

• Create a variable and pass the current choice to that variable. Create a button called "Load" and every time this button is triggered, it will press whatever is inside that variable;
• Best way: create a default option and go updating this default option according to the user’s choice.

The first option I even managed to do, but it keeps "updating" the page and losing value.

Here is the example of the code: http://jsfiddle.net/kBQdS/247/

Thank you,

Answer 1

store the value of the select in the localStorage, when loading the page, update the value of select and call the event change.

var dynamicTable = (function() {
    ...
})();

$(document).ready(function(e) {        
    var data1 = [...];        
    var data2 = [...];        
    var dt = dynamicTable.config(...);        

    $('.montadoras').change(function() {
        localStorage.setItem('montadoras_value', this.value);
        ...
    });

    var montadoraAtual = localStorage.getItem('montadoras_value');
    $('.montadoras').val(montadoraAtual).trigger("change");
});