Question

这是我的第一个问题，所以如果我做错了什么，我很抱歉。我有一个textarea和一个选择。我想更改我在select中更改选项时输入的textarea内容。但是，当我在选择中更改回上一个选项时，我希望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。先谢谢你了！

在javascript中使用select option onchange更改Textarea内容

0 个答案: