我试图在表格单元格中显示由另一个表格发布后的表格单元格中的值。下面是我的代码。在这里，我尝试使用 JQuery 在 unbound_AdultVal 隐藏字段中添加选择框的值。
<form enctype="multipart/form-data" method="post" action="summary.html" name="form">
<input id="unbound_CurrentStepID" type="hidden" value="Step_Two" name="unbound_CurrentStepID">
<input id="Unbound_AdultVal" type="hidden" value="" name="Unbound_AdultVal">
Ages 10+:
<select id="Unbound_Ticket" name="Unbound_Ticket">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<input type="submit" value="Continue" name="submit">
</form>
<script type="text/javascript">
$(document).ready(function() {
var numDAdult = $("#Unbound_Ticket").val();
$("#Unbound_Ticket").change( function(){
numDAdult = $("#Unbound_Ticket").val();
$('input[name=Unbound_AdultVal]').val(numDAdult);
});
});
</script>
下面是我要显示隐藏字段值的 Summary.html 代码。
<form enctype="multipart/form-data" method="post" action="summary.html" name="form">
<input id="unbound_CurrentStepID" type="hidden" value="Form_Three" name="unbound_CurrentStepID">
<table width="800" border="1" align="center" cellpadding="5" cellspacing="0">
<tr>
<td width="381"><strong>Quantity</strong></td>
<td width="242"><strong>Ticket Price</strong></td>
<td width="139"><strong>Total Price</strong></td>
</tr>
<tr>
<td><span id="postAdultvalue"></span>
</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="3" align="right"><strong>Current Amount Due: $0</strong></td>
</tr>
</table>
<script type="text/javascript">
$(document).ready(function() {
$("#postAdultvalue").text($("#Unbound_AdultVal").val());
});
</script>
我很难使用 JQuery 在表中显示发布的值。由于我对 JQuery 很陌生，请原谅我的无知。