Tùy chọn chọn vẫn được chọn sau khi gửi/làm mới

Question

Tôi đang thực hiện đăng ký và tôi có các trường cho quốc gia và tiểu bang.

Vấn đề của tôi là quốc gia và trạng thái mà tôi chọn không giữ lại sau khi gửi.

Tôi cố gắng này

<script type="text/javascript"> 
    document.getElementById('country').value = "<?php echo $_POST['country'];?>"; 
</script> 

nhưng đã không làm việc.

vì vậy tôi cố gắng một lựa chọn sử dụng sessionStorage

$(function() { 
    $('#country').change(function() { 
     sessionStorage.setItem('todoData', this.value); 
    }); 
    if(sessionStorage.getItem('todoData')){ 
     $('#country').val(sessionStorage.getItem('todoData')); 
    } 
}); 
</script> 

Nó làm việc trên đất nước nhưng không phải trong tiểu bang, các lựa chọn vẫn là tùy chọn mặc định.

Làm cách nào để khắc phục điều đó .. hoặc có tùy chọn khác để làm cho nó hoạt động.

cảm ơn.

MẪU MÃ

JSFIDDLE

Answer 1

Dưới đây là một ví dụ làm việc của các chức năng mà bạn mong muốn. Tôi đang sử dụng localStorage như người trả lời trước tôi.

https://jsfiddle.net/a0uj5d86/2/

//handle select changes, put new data in storage 
document.getElementById('country').onchange = function() { 
    console.log('country change'); 
    localStorage.setItem('country', this.value); 
    populateStates('country', 'state'); 
}; 
document.getElementById('state').onchange = function() { 
    localStorage.setItem('state', this.value); 
}; 
document.getElementById('country2').onchange = function() { 
    localStorage.setItem('country2', this.value); 
}; 

Sau đó, ở các nước populate ở cuối tôi có một Diddy ít mà đi

var selection = 'USA'; 
if (localStorage.getItem(countryElementId)) { 
    console.log('found ' + countryElementId + ' in storage = ' + localStorage.getItem(countryElementId)); 
    var selection = localStorage.getItem(countryElementId); 
} 
//select our country (default USA, or local storage if applicable) 
findAndSelect(countryElementId, selection); 
if (countryElementId == 'country') { 
    //we just populated country, now populate states 
    populateStates(countryElementId, stateElementId); 
    if (localStorage.getItem(stateElementId)) { 
    //if weve got a state to select, select it 
    findAndSelect(stateElementId, localStorage.getItem(stateElementId)); 
    } else { 
    findAndSelect(stateElementId, 'Alabama'); 
    } 
} 

Tôi cũng đã làm một số tỷ lệ cược-n-kết thúc refactoring để mã bạn đã có. Cung cấp cho nó một cái nhìn và lấy lại cho tôi với bất kỳ câu hỏi!

Answer 2

được bạn cho phép sử dụng HTML5 lưu trữ địa phương?

var selectedVal = localStorage.getItem('selectedVal'); 
    if (selectedVal){ 
     $('#mySelect').val(selectedVal) 
    } 

đây là một fiddle http://jsfiddle.net/jvso1Lcc/22/