Question

我开发了一个表格，一个人正在预订直升机飞行。作为表格的一部分，我有一个选择元素，他们选择预订的乘客数量。我在页面上有一个div，我使用JavaScript来克隆从select选项中选择的次数。这是问题 - 每次我克隆div并提交表单时，它只显示最后一个克隆div的用户输入。我在每个输入名称的末尾都使用了“[]”，但仍无济于事。我认为问题可能是因为div（然后是div中表单的输入）被克隆到客户端而不是服务器端。我已经搜索论坛和教程数周试图找到解决方案，但再次，无济于事。

<tr><td class="form_label">Passengers</td><td valign="middle">
<select id="numpass" name="numpass" class="form_e"/>
<option value="1" selected="selected">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>
  </select>
</td></tr>

<div id="passenger" class="passenger">
<div class="form_head">Passenger [] - Details</div>
<br />
<table width="100%" cellpadding="2" cellspacing="4">

<tr>
<td class="form_label">First Name:&nbsp;<input type="text" name="cust_fname[]" class="form_f" required="required"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Last Name:&nbsp;<input type="text" name="cust_lname[]" class="form_f" required="required"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Weight (kg):&nbsp;<input type="text" name="cust_kg[]" class="form_a" required="required"/></td>
</tr>

<tr>
<td class="form_label">Phone:&nbsp;<input type="text" name="cust_phone[]" class="form_g" required="required"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Email:&nbsp;<input type="text" name="cust_email[]" class="form_d" /></td>
</tr>

<tr>
<td>
<table width="100%" cellpadding="2" cellspacing="4">
<tr><td class="form_label">Address:</td></tr>
<tr>
<td class="form_label">Number:&nbsp;<input type="text" name="cust_addr_num[]" class="form_a" />&nbsp;&nbsp;&nbsp;Street:&nbsp;<input type="text" name="cust_addr_street[]" class="form_b" />&nbsp;&nbsp;&nbsp;Suburb/Town:&nbsp;<input type="text" name="cust_addr_sub[]" class="form_f" /></td></tr>
<tr><td class="form_label">State:&nbsp;<input type="text" name="cust_addr_state[]" class="form_b" />&nbsp;&nbsp;&nbsp;Postcode:&nbsp;<input type="text" name="cust_addr_post[]" class="form_a" />&nbsp;&nbsp;&nbsp;Country:&nbsp;<select class="form_c" name="cust_addr_country[]">
<option value="">--- Select Country ---</option>
<option value="Australia">Australia</option></select></td></tr></table>
</td></tr></table>
</div>
<div id="repeat" class="repeat"></div>

JS

function cpyDIV(val){
    $("#repeat").empty();

    for (var i = 0; i < val -1; i++){
        var $clone = $("#passenger").clone();
        $clone[0].id += i;
        $clone.appendTo("#repeat");
    }
}

克隆包含表单输入的div

0 个答案: