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

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