javascript - 使用 JavaScript 中的选择选项 onchange 更改文本区域内容

Question

这是我的第一个问题，如果我做错了什么，我很抱歉。 我有一个 textarea 和一个选择。我想更改在更改选择选项时输入的 textarea 内容。但是，当我更改回 select 中的上一个选项时，我希望 textarea 显示我之前输入的内容。

例如，当我在选择中选择“英语”选项时，我希望 textarea 显示“英语文本”。然后，当我选择“法语”时，我希望 textarea 显示“法语文本”，但是当我再次选择“英语”选项时，textarea 需要再次显示“英语文本” .

编辑:我需要在服务器端存储数据，以便可以从任何计算机读取数据!抱歉没有早点定义它。

这是我的 HTML 代码:

<select class="dropdown no-border" id="dropdownLanguage">
     <option>Choose language</option>
     <option>English</option>
     <option>French</option>
 </select>

 <textarea name="agencyDescription" id="agencyDescription" class="about-agency" placeholder="Write something about your agency..." maxlength="5000">
     <?php echo $agency->getData('agencyDescription'); ?>
 </textarea>

@OliverRadini 的 JS 代码:

var languageDropdown = document.getElementById("dropdownLanguage");
var lastSelected = languageDropdown.options[languageDropdown.selectedIndex].value

console.log(lastSelected);

languageDropdown.onchange = function(){

    var textBox = document.getElementById("agencyDescription");    
    currentText = textBox.value;

    var selected = this.options[this.selectedIndex].value;

    //load the current text into the last selected value
    sessionStorage.setItem(lastSelected, currentText);


    //load the new text in to the text box
    textBox.value = sessionStorage.getItem(selected);

    lastSelected = selected;
};

我想继续使用 JS 而不是 jQuery。 谢谢您，先!

Answer 1

这是我制作的 fiddle ，它可以工作，但如果它不完美，我会很感激反馈:

https://jsfiddle.net/szmnforr/

var languageDropdown = document.getElementById("dropdownLanguage");

var lastSelected = languageDropdown.options[languageDropdown.selectedIndex].value

console.log(lastSelected);

languageDropdown.onchange = function(){

    var textBox = document.getElementById("agencyDescription");    
    currentText = textBox.value;

    var selected = this.options[this.selectedIndex].value;

    //load the current text into the last selected value
    sessionStorage.setItem(lastSelected, currentText);


    //load the new text in to the text box
    textBox.value = sessionStorage.getItem(selected);

    lastSelected = selected;
};

它非常丑陋，而且我不喜欢全局变量的使用，但它基本上可以工作。