선택 목록에 선택한 옵션을 저장하는 방법

Question

내 웹 응용 프로그램의 경우 다음과 같이 선택 목록이 코딩되어 있습니다.

<select name = 'job' id = 'job'> 
<option value = 'jobselect'>Select Profession</option> 
<option value = 'job1'>Mechanical Engineer</option> 
<option value = 'job2'>Software Engineer</option> 
<option value = 'jobother'>Other</option> 
</select> 

설정 페이지에 있습니다. 이 페이지는 사용자 입력이 저장되어야하는 'save.js'파일에 연결됩니다. HTML과 JavaScript를 사용하고 있으며 PHP에 대한 지식이 없습니다. 내 JS 파일에서 나는 saveSettings 및 loadSettings의 두 가지 기능이 있습니다. 나는 saveSettings의 localStorage (JavaScript)에 함수를 저장하고 loadouchtings에있는 사용자에게 다시 읽어들이는 방법에 관해서 고민하고있다. 유 설정하려면

var input = document.getElementById('job'); 
function loadSettings() { 
    if (localStorage['job']) { 
     input.value = localStorage['job']; 
    } 
} 

function saveSettings() { 
    localStorage['job'] = input.value; 
} 

Answer 1

변화에 저장하려면를 감상 할 수있다 전역으로 javacript에 다음을 사용하십시오.

name_of_var = document.getElementById('job').value; 

Answer 2

var name_of_var = document.getElementById('job').value; 

은 다음 U가 선택한 가치를 얻을 : 각각의 방법에 대한

<script> 
document.addEventListener('DOMContentLoaded', function() { 
    var input = document.getElementById('job'); 
    if (localStorage['job']) { // if job is set 
     input.value = localStorage['job']; // set the value 
    } 
    input.onchange = function() { 
     localStorage['job'] = this.value; // change localStorage on change 
    } 
}); 
</script> 

: 어떤 도움을 많이 감사 X