javascript - 如何将一个模式中的下拉列表中的选定值传递给另一个模式中的另一个下拉列表

Question

我在两个不同的模式中有两个具有相同值的下拉列表。一个是插入模式，另一个是更新模式。我想要做的是在插入模式中传递下拉列表的选定值，当我打开更新模式时，我希望在该模式的下拉列表中选择该值。

无论如何我可以做到这一点吗？使用 Bootstrap、jquery、javascript 吗？

任何帮助将不胜感激。

我试过这个

    var countryInsertID = document.getElementById('countryInsert'), 
        countryUpdate = document.getElementById('countryUpdate'), 
        option; 
        countryInsertID.onchange = function () { 
            option = document.createElement('option'); 
            option.value = this.value; 
            option.text = this.options[this.selectedIndex].text; 
            countryUpdate.appendChild(option); 
            countryInsertID.removeChild(this.options[this.selectedIndex]); 
        }

Answer 1

听起来像是一份工作localStorage

var countryInsert=document.getElementById('countryInsert')
var countryUpdate=document.getElementById('countryUpdate')

countryInsert.onchange = function() {
    window.localStorage.setItem('selected', countryInsert.value);
}

当您显示更新模式时

countryUpdate.value = window.localStorage.getItem('selected');

---

更新

如果您只是在同一页面上有模式，隐藏为“引导方式”，您不需要所有这些 - 只是

<script>
    var countryInsert=document.getElementById('countryInsert')
    var countryUpdate=document.getElementById('countryUpdate')
    countryInsert.onchange = function() {
        countryUpdate.value = countryInsert.value;
    }
</script>

-- 在页面底部。那么 countryUpdate<select>将始终与 countryInsert 同步<select>