javascript - 道场 dijit.form.select : selected value of old widget cannot be changed after I create a new select widget

Question

我在 div 单击事件中通过 javascript 函数创建新的选择框。

当用户单击一个 div 时，会在页面的其他地方创建一个新的选择框(以及其他内容)。

具体来说，在单击 div 时，我创建了一个字符串(在 javascript 函数中)的形式:

<select id="derp"+divName dojoType="dijit.form.Select" onChange="dosomething()">
    <option value="foo">foo</option>
    <option value="bar">bar</option>
    ...
</select>

然后我调用一个函数来对上面的选择进行小部件化:

function makeDojoWidget(digitID){
    var widget = new dijit.form.Select({},digitID); //options,elementID
}

它很好地创建了小部件。当用户单击另一个 div 时，它会创建另一个选择框。但是只有新选择是可编辑的。即我无法更改其他选择框的选定值。

当我不尝试将它呈现为 dijit 时它工作正常，所以它似乎是一个 dojo 问题(即，如果我创建一个常规选择，我可以在我创建一个新的时更改所有选择的选定值选择)。

我很难过...有什么建议吗？？

Answer 1

尝试强制启用它。在你的函数中用一些话

function makeDojoWidget(digitID){
var widget = new dijit.form.Select({},digitID); //options,elementID
}

将 readOnly 设置为 false。

function makeDojoWidget(digitID){
var widget = new dijit.form.Select({readOnly:false},digitID); //options,elementID
}