dojo - 创建选择和选项时 DOJO 中的内部 HTML 问题？

Question

在 dojo 中创建选择选项时

dojo.byId("it1").add(dojo.create("option", { value:'1',innerHTML:'Iteration 1' }));

我在 IE8 中遇到无效参数错误，其余浏览器工作正常。

Answer 1

这是因为浏览器已经实现了某种故障转移机制。或者甚至标准已经改变，不确定是哪个。事实上，在旧版浏览器中，option 元素有一个奇怪的实现。考虑以下以编程方式创建的新 option DOM:

text='Iteration 1';
value=1;
defaultSelected = false;
selected=false;

document.getElementById('myselect').options.add(
  new Option(text, value, defaultSelected ,selected)
);

参见 http://msdn.microsoft.com/en-us/library/ie/dd757810(v=vs.85).aspx

API 也有参数，指示选项是否被选中。但这里有趣的部分是参数 text

大致翻译成

var opt = document.createElement('OPTION');
opt.text = text;
opt.value = value;

您会发现，以编程方式创建的选择(使用 innerHTML 方法)在 IE8 之前(包括 IE8)将无法正常工作。该元素只是没有连接到其父表单，因此不会在提交时发送到服务器。