javascript - Bir Seçim Listesinde Seçilen Seçeneği Nasıl Kaydedersiniz

Web uygulamam için aşağıdaki gibi kodlanmış bir seçim listem var;

<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>

ayarlar sayfasında. bu sayfa, kullanıcı girdisinin kaydedilmesi gereken bir 'save.js' dosyasına bağlı. HTML ve JavaScript kullanıyorum - PHP bilgim yok. JS dosyamda iki fonksiyon var - saveSettings ve loadSettings. saveSettings fonksiyonunda bunu localStorage'a (JavaScript) nasıl kaydedeceğim ve loadSettings ile kullanıcıya nasıl geri okuyacağım konusunda takıldım. Her türlü yardım çok takdir edilir, teşekkürler x

Cevap #1

Bozuk paradan tasarruf etmek için:

<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>

Bireysel yöntemler için:

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

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

Cevap #2

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

sonra seçilen değeri alırsınız, eğer JavaScript'te global olarak ayarlamak istiyorsanız bunu kullanın

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