Javascript 道场。如何在表单元素中添加属性？

我有一个表单，其中小部件是使用声明性语法安装的

<script>
require(["dojo/parser",
    "dijit/form/Form",
    "dijit/form/Button",
    "dijit/form/ValidationTextBox",
    "dijit/form/DateTextBox" ,
    "dojox/validate/web",
    "dojox/form/PasswordValidator",
    "dijit/form/FilteringSelect" ,
    "dijit/form/Button",
    "dijit/form/Select",
    "dojo/dom",
    "dojo/dom-attr"

]);

需要（[“dojo/parser”，
“dijit/form/form”，
“dijit/form/Button”，
“dijit/form/ValidationTextBox”，
“dijit/form/DateTextBox”，
“dojox/validate/web”，
“dojox/form/PasswordValidator”，
“dijit/form/FilteringSelect”，
“dijit/form/Button”，
“dijit/form/Select”，
“dojo/dom”，
“dojo/dom属性”
]);

用户名：

这个表单是从django模板构建的，我想使用django SelectDateWidget，它显示日期、月份和年份三个小部件。问题是无法在模板中单独显示这些字段。在浏览器中加载dojo属性后，我必须添加这些属性。差不多

<script>
    dojo.attr(dom.byId("id_birth_date_month"), {data-dojo-type:"dijit/form/Select", data-dojo-id:"monthSelect"});
    dojo.attr(dom.byId("id_birth_date_year"), {data-dojo-type:"dijit/form/Select", data-dojo-id:"monthSelect"});
</script>

attr（dom.byId（“id_birth_date_month”），{data dojo type:“dijit/form/Select”，data dojo id:“monthSelect”}）；
attr（dom.byId（“id_birth_date_year”），{data dojo type:“dijit/form/Select”，data dojo id:“monthSelect”}）；

---

当然，上述方法不起作用。我怎么做呢？

我找到了两种方法。我希望他们能帮助别人

首先是dojo方式

<script>
    require(["dojo/parser",
    "dijit/form/Select",
    "dojo/dom"], function (parser, Select, dom) {
        dojo.attr(dom.byId("id_birth_date_month"), {"data-dojo-type":dijit/form/Select",       
                                                    "data-dojo-id": "monthSelect"});
    // similar lines for day and year
     });
</script>

    <!-- ...later in the code-->   
    <select  id="id_birth_date_month">
    ...
    </select>

    <!-- two other similar selects for day and year-->

不幸的是，所有三个字段（年、月、日）都获得相同的数据dojo id，我不知道这是否是一个问题。就目前而言，它是有效的，我没有看到任何奇怪的事情

<script>
    require(["dojo/parser",
    "dijit/form/Select",
    "dojo/dom"], function (parser, Select, dom) {
        dojo.attr(dom.byId("id_birth_date_month"), {"data-dojo-type":dijit/form/Select",       
                                                    "data-dojo-id": "monthSelect"});
    // similar lines for day and year
     });
</script>

    <!-- ...later in the code-->   
    <select  id="id_birth_date_month">
    ...
    </select>

    <!-- two other similar selects for day and year-->

class SignupForm(Form):

# other form fields
    birth_date = DateField(widget=SelectDateWidget(years=range(yearNow - 13, yearNow - 100, -1),attrs={"data-dojo-type": "dijit/form/Select", "data-dojo-id": "birthDateSelect"}), required=True, initial="", label=_('Birth Date'))
# other form fields