ModalWindowに変数の値を表示する

Question

こんにちは。

JavaScriptを使用して開発を行っている者です。
タイトルの通りなのですが、ModalWindowに変数の値を表示させたいのですがうまくいかないため
質問させていただきました。

やり方として考えているのが、<Script>内でのAllowanceCopy()に表示させたい変数の値を
渡して、その中でModalWindowのコンテンツとなる部分のテーブル、<tr>を取得して、その中の
空の<td>に値を設定するという事を考えていました。

それでとりあえず記述してみたのが以下のコードです。
引数にしたい変数は、String compenName・String workerName・int totalです。

引数の記述の仕方やJavaScriptの記述の仕方の間違いのご指摘や、
変数を表示させるやり方自体についてアドバイスをいただきたいと思っております。
お手数ですがよろしくお願いいたします。

<table class="table" rules="all">
					<tr>
						<td class="td">職人名</td>
						<%
						int count = 0;
						int[] sum = new int[compenList.size()];

						//取得した手当の全種類を表示する

						if (compenList != null ) {
							for(int i = 0; i < compenList.size(); i++) {

								Compensation c = compenList.get(i);
								compenName = compenList.get(i).getName();
						%>
						<td class="td"
							<%= c.getId() < 0 ? "" : "onclick=\"UpdateCompensation('" + c.getName() + "', " + c.getId() + ", '" + c.getUnit() + "', " + c.getUnitprice() + ")\"" %>>

						<%= compenName%>

						</td>

						<%
							}
						}
						%>
					</tr>

						<%
						ArrayList<Worker>worker = null;

						//全職人の情報を取得
						if (groupList != null ) {
							for(int i = 0; i < groupList.size(); i++) {
								Group group = groupList.get(i);
								worker = group.getAllMember();
						%>
						<%

								//全職人のフルネームを取得
								for (int j = 0; j < worker.size();j++) {
									workerName = worker.get(j).getFullname();
						%>

					<tr>
						<td align="center">
							<%= workerName%>
						</td>

							<%
							//allowanceListとGroupLIst/memberの順番は対応している
							for (int i2 = 0;i2 < compenList.size(); i2++ ) {
								 total = 0;
								float floatTotal = 0;

								int compenID = compenList.get(i2).getId();

								//職人が持つ手当のリスト
								ArrayList<Allowance>allowanceInfo = allowanceList.get(count);
								Allowance allowance = null;

								for (int j2 = 0;j2 < allowanceInfo.size();j2++) {
									allowance = allowanceInfo.get(j2);

									if (allowance.getCompensation().getId() == compenID) {
										floatTotal = allowance.getUnitprice() * allowance.getQuantity();
										total += (int)Math.floor(floatTotal);

									}
							%>
							<%
								}
							 %>
							<td align="center" onclick="AllowanceCopy(workerName,compenName,total)"><%= total%></td>
								<%
								sum[i2] += total;
										}
									count++;
									}
								}
							}

							%>
					</tr>
					<tr>
						<td class="td">合計額</td>
						<%for (int index= 0;index < sum.length;index++) {
							%>
								<td align="center"><%= sum[index]%>円</td>
						<%
						  }
						%>
					</tr>
				</table>
				<%} %>
		</form>

			<!-- コピーしたい手当の期間を設定するwindow -->

			<form action="<%= request.getContextPath()%>/allowanceCopy">
				<div id="modal_allowanceCopy" align="center"class="modal_window">
					<table id="allowance_copy" align="center">
						<tr>
							<th><%=pageCompen %>の適用期間設定</th>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td>
								<input type="number" name="start_year" min="1950" max="2100" value="<%= _PAGE_YEAR_ %>"> 年
								<input type="hidden" name="type" value="<%= compenType%>">
								<select name="start_month">
								<% for(int i = 0; i < 12; i++){ %>
									<option value="<%= i + 1 %>"><%=i + 1 %></option>
								<% } %>
								</select> 月
								～
								<input type="number" name="end_year" min="1950" max="2100" value="<%= _PAGE_YEAR_ %>"> 年
								<select name="end_month">
								<% for(int i = 0; i < 12; i++){ %>
									<option value="<%=i + 1 %>"><%=i + 1 %></option>
								<% } %>
								</select> 月
							</td>
						</tr>
						<tr>
							<td align="right">まで適用する。</td>
						</tr>
						<tr>
							<td align="center">
								<input type="submit" name="submit" value="決定">
								<input type="button" value="キャンセル"onclick="closeWindow()">
							</td>
						</tr>
					</table>
				</div>
			</form>
		</div>
	</body>
</html>

<script type="text/javascript" src="/yngd/view/js/common/modalWindow.js"></script>
<script type="text/javascript" src="/yngd/view/js/common/utils.js"></script>
<script type="text/javascript" src="/yngd/view/js/common/formCheck.js"></script>


<script type="text/javascript">

MWOnloadFunction();

function UpdateCompensation(name,id,unit,unitprice) {
	//windowを開く
	modalOpen("modal_allowanceCreate");

	//選択された手当の情報を取得する(引数できてる)取得した情報を転記する
	document.update.compenName.value = name;
	console.log(document.update.compenName);

	document.update.compenId.value = id;
	console.log(document.update.compenId);

	document.update.unit.value = unit;
	console.log(document.update.unit);

	document.update.unitPrice.value = unitprice;
	console.log(document.update.unitPrice);

	//入力チェック
	FCOnloadFunction(document.update);
}

function AllowanceCopy(workerName,compenName,total) {

	console.log(workerName);
	console.log(compenName);
	console.log(total);

	var allowanceCopyTable = document.getElementById('allowance_copy');
	var tr = allowanceCopyTable.rows[1];

	for (var td = 0; td < tr.cells.length; td++) {
		td = tr.cells[td];


		if (td == 0) {
			td.firstChild.nodeValue = workerName;
			

		} else if (td == 1) {
			td.firstChild.nodeValue = compenName;
			

		} else if (td == 2) {
			td.firstChild.nodeValue = total;
			
		}

	}

	//windowを開く
	modalOpen("modal_allowanceCopy");

}