如何检查按钮单击时显示的字段是否已加载

时间:2019-04-01 10:52:22

标签: javascript mootools

我对MooTools非常陌生,对JavaScript也相当陌生。

我创建了一个模板,该模板在单击按钮时显示一行。每次单击该按钮时,都会出现另一行。

模板中的一个字段是通过调用现有PHP脚本生成的参考号。问题是我在每一行中都得到相同的数字。我想有一种方法来检查该字段的值并将下一行中的同一字段加1,但是我不知道该怎么做。

我尝试使用MooTools在加载时执行某些操作,但这没有用。

这是模板。 <?php echo $this->MJob->getNewJobRef(232); ?>是自动生成的参考号。

        <script id="connectedjobtemplate" type="text/template">
            <tr id="childjobrow<%= rownum %>" class="<%= cl %>" data-row-id="<%= rownum %>">
                <td colspan="7">
                    <table width="100%">
                        <tr>
                            <td style="width: 15%;">
                                <input class="childjobid" type="hidden" id="childjobid<%= rownum %>" name="childjobid[<%= rownum %>][transcribername]" value="0" />
                                <input type="hidden" id="transcriberid[<%= rownum %>]" name="childjobid[<%= rownum %>][transcriberid]" value="" />
                                <input data-row-id="<%= rownum %>" id="assignee[<%= rownum %>]" name="childjobid[<%= rownum %>][transcribername]" class="" list="transcribers" autocomplete="off" value="" placeholder="Name" size="14" />
                            </td>
                            <td style="width: 15%;">
                                <input data-row-id="<%= rownum %>" id="reference[<%= rownum %>]" name="childjobid[<%= rownum %>][reference]" value="<?php echo $this->MJob->getNewJobRef(232); ?>" class="ref" size="14" style="background-color: transparent; border: none;" />
                            </td>
                            <td style="width: 5%;">
                                <input data-row-id="<%= rownum %>" id="pages[<%= rownum %>]" name="childjobid[<%= rownum %>][pages]" value="" class="" style="" size="2"/>
                            </td>
                            <td style="width: 15%;">
                                <input data-row-id="<%= rownum %>" id="orderDate[<%= rownum %>]" name="childjobid[<%= rownum %>][orderDate]" value="" class="" size="12" />
                            </td>
                            <td style="width: 15%;">
                                <input data-row-id="<%= rownum %>" id="nysid[<%= rownum %>]" name="childjobid[<%= rownum %>][nysid]" value="<%= nysid %>" class="" size="12" />
                            </td>
                            <td style="width: 15%;">
                                <input data-row-id="<%= rownum %>" id="dinNum[<%= rownum %>]" name="childjobid[<%= rownum %>][dinNum]" value="" class="" size="12" />
                            </td>
                            <td style="width: 15%;">
                                <input data-row-id="<%= rownum %>" id="warrantNum[<%= rownum %>]" name="childjobid[<%= rownum %>][warrantNum]" value="" class="" size="12" />
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </script>

我尝试添加它,但是没有用:

$('#ref').addEvent('load', function(e, el) {
                alert('Here');
            });

我想我对如何检查该字段是否已加载感到困惑,除非我的语法有问题。我还尝试将'#ref'替换为document.body,但仍然无法正常工作。我是否应该使用模板本身中的代码进行检查?

0 个答案:

没有答案