Как проверить, загружено ли поле, отображаемое при нажатии кнопки

Question

Я очень плохо знаком с 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, но он все еще не работает.Стоит ли использовать код в самом шаблоне для проверки этого?