【问题标题】:How to add different titles to each element of CheckedMultiSelect?如何为 CheckedMultiSelect 的每个元素添加不同的标题?
【发布时间】:2012-07-12 07:26:48
【问题描述】:

我正在尝试为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>

问题:如何指向道场为该元素设置唯一标题?

【问题讨论】:

  • “标题”是什么意思? title="" 属性?
  • 是的,我应该为每个复选框添加不同的 title="" 属性
  • 我仍然不确定您的问题是什么。您不能将title 属性添加到您的&lt;select&gt; 吗?
  • 我需要为页面上创建的每个复选框添加不同标题的问题。
  • @oleksii OP 在您之前发表了评论,说明了这一点,但仍然感谢您。

标签: javascript html checkbox dojo


【解决方案1】:

您可以添加一个脚本来更改标题,例如

<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>

【讨论】:

    猜你喜欢
    • 2017-12-22
    • 2017-05-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-29
    • 2018-07-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多