我对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
,但仍然无法正常工作。我是否应该使用模板本身中的代码进行检查?