它不会添加到存储在浏览器DOM中的表单中。
这个人也在做同样的事情：创建的动态元素未POST
一种解决方案是在服务器端构建动态表单--如果确实需要在客户端构建，我认为除了DOM之外，还需要操作表单（存储在document.forms中）。

此处：

gamsElem.options.add(opt);

add是select元素接口的一个方法，而不是options（它是一个HTMLElement集合，没有 add 方法）。所以：

gamsElem.add(opt);

解决问题的方法：Note that gamsElem.add(opt); does not work in Mozilla firefox 6 so I reverted to my old code of gamsElem.options.add(opt).
以及：

gamsElem.setAttribute("onChange",
 "updateHidden(this);makeUpdateRequest(arguments[0],this)");

会更好，因为：

gamsElem.onchange = function() {
    updateHidden(this);
    makeUpdateRequest(arguments[0], this);
};

虽然我不知道 arguments[0] 应该引用什么。
以下是通常的实现方式（尽管按钮会调用一个函数而不是一段内联代码，我这样做只是为了方便）：

<form action="">
  <div id="div0">
    <select id="sel0" name="sel0">
      <option>option 0
    </select>
    <input type="submit">
  </div>
</form>

<button onclick="
  var div = document.getElementById('div0');
  var sel = document.getElementById('sel0');
  div.removeChild(sel);
  sel = document.createElement('select');
  sel.id = 'sel1';
  sel.name = 'sel1';
  sel.onchange = function(){alert(this.value);};
  sel.options[0] = new Option('Select one', '0');
  sel.options[1] = new Option('Select two', '1');
  div.appendChild(sel);
  ">Replace select</button>

需要第二个选项来触发 onchange 侦听器。
如果你想用一个元素替换另一个元素，创建一个新元素，然后替换旧的元素：

<button onclick="
  var oldSel = document.getElementById('sel0');
  var sel = document.createElement('select');
  sel.id = 'sel1';
  sel.name = 'sel1';
  sel.onchange = function(){alert(this.value);};
  sel.options[0] = new Option('Select one', '0');
  sel.options[1] = new Option('Select two', '1');
  oldSel.parentNode.replaceChild(sel, oldSel);
  ">Replace select</button>

或者你也可以替换这些选项（将select的options.length设置为零，然后添加新的选项）。

必须在FORM标记中添加新元素

在DOM准备好之后运行这段代码，最好是jquery中的$.ready（）。
并在div名称周围加上引号（“gamsDiv”）