Javascript 使用隐藏文本区域中的数据将数据重新加载到可编辑网格

我试图创建一个主要带有选项的可编辑表。使用此选项：

我现在唯一的挑战是，我试图用动态填充的选择选项替换文本字段，而不是文本字段。例如；我选择的两个选项是：

  <select id="Country"></select>
  <select id="City"></select>

我面临的另一个挑战是，一旦填充了选项，我希望能够刷新页面并再次加载相同的行项目选项

可编辑网格有一个JSON输出，到目前为止，我已经在页面中创建了一个隐藏的文本区域，然后当我重新加载时，我尝试重新填充用户上次输入的值

有人有什么想法或更好的方法来做到这一点吗