如何在动态表中创建唯一的id

How to create unique ids in dynamic table?

本文关键字：创建 唯一 id 动态      更新时间：2023-09-26

我正在尝试为输入字段和按钮上的每个表行获取唯一的id。目前，我表中的所有ID都是相同的。我想为每个输入字段和保存按钮设置唯一的id。这是我的HTML代码：

<cfoutput query="qryTable" group="DateSch">
    <tbody> 
        <tr>
            <td rowspan="#StartTime#">#DateFormat(DateSch,'mm/dd/yyyy')#</td>
        </tr>
        <cfoutput>
            <tr>
                <td>#TimeFormat(StartTime,'hh:mm tt')#</td>
                <td>#TimeFormat(EndTime,'hh:mm tt')#</td>
                <td>
                    <label>
                        <input type="text" name="email" id="email" class="email" placeholder="example@gmail.com">
                        <input type="button" id="slot" name="slot" class="slot" value="Save" onClick="saveSlot('#TimeSlotID#')">
                    </label>
                </td>
            </tr>
        </cfoutput>
    </tbody>
</cfoutput>

正如你从上面的代码中看到的，我的输入字段ID都是电子邮件，我的按钮ID是插槽。如何使它们对每一行都是唯一的？如果有人能帮忙，请告诉我。

将currentRow添加到ID

<cfoutput query="qryTable" group="DateSch">
<tbody> 
    <tr>
        <td rowspan="#StartTime#">#DateFormat(DateSch,'mm/dd/yyyy')#</td>
    </tr>
    <cfoutput>
        <tr>
            <td>#TimeFormat(StartTime,'hh:mm tt')#</td>
            <td>#TimeFormat(EndTime,'hh:mm tt')#</td>
            <td>
                <label>
                    <input type="text" name="email" id="email#currentRow#" class="email" placeholder="example@gmail.com">
                    <input type="button" id="slot#currentRow#" name="slot" class="slot" value="Save" onClick="saveSlot('#TimeSlotID#')">
                </label>
            </td>
        </tr>
    </cfoutput>
</tbody>
</cfoutput>
  • 要向行动态添加唯一id，请使用uniqueId或仅使用带有特定前缀的计数器
  • 要使input id唯一，请为其添加实体id或行号

这里还有另一个线程：在JavaScript中创建GUID:UUID？

如果您在那里找不到解决方案：我从Erik Giberti（AF设计）那里获得了UUID课程。虽然他的文件不再可供下载，但我愿意将其提供给。

相关文章：