如何为CheckedMultiSelect的每个元素添加不同的标题

How to add different titles to each element of CheckedMultiSelect?

本文关键字:添加 标题 元素 CheckedMultiSelect      更新时间:2023-09-26

我正在尝试为CheckedMultiSelect中的每个复选框添加标题。

创建CheckedMultiSelect:的代码

<select id="123" class="soria" dojoType="dojox.form.CheckedMultiSelect" 
        multiple="true" style="width:267px; height:260px;" onchange=""
        store="listStore">
</select>

listStore是json中的dojo.data.ItemFileReadStore

有什么想法如何将标题添加到复选框中吗?

UPD终于,我收到了这样的HTML代码(多选单个元素的源代码):

<div aria-selected="false" widgetid="dojox_form__CheckedMultiSelectItem_4"
     id="dojox_form__CheckedMultiSelectItem_4" 
     class="dijitReset dojoxMultiSelectItem">
      <div widgetid="dijit_form_CheckBox_4" role="presentation" 
            class="dijitReset dijitInline dojoxMultiSelectItemBox dijitCheckBox" 
            wairole="presentation">
        <input aria-pressed="false" style="-moz-user-select: none;" 
        tabindex="0" id="dijit_form_CheckBox_4" value="on" 
        class="dijitReset dijitCheckBoxInput" dojoattachpoint="focusNode"
        dojoattachevent="onmouseover:_onMouse,onmouseout:
                         _onMouse,onclick:_onClick" 
        type="checkbox">
      </div>
      <div class="dijitInline dojoxMultiSelectItemLabel" 
            dojoattachpoint="labelNode" dojoattachevent="onmousedown:_onMouse,
                    onmouseover:_onMouse,onmouseout:_onMouse, onclick:_onClick">
            MICHAEL, DOPHINE
      </div>
</div>

问题:如何指向dojo为这个元素设置唯一的标题?

您可以添加一个脚本,然后像一样更改标题

<script>
var o = document.getElementsByTagName('input');
for(var x in o){
   // check if o[x].name is one of these and then
   // do something with o[x].title ...
}
</script>