Javascript Laravel——如何在使用jquery追加表行后获得请求输入?
如何在使用jquery追加表之后获取输入。我这里有一个人。但是在我使用jquery附加它之后。我只能从这里的默认tbody获取第一个输入 我的HTMLJavascript Laravel——如何在使用jquery追加表行后获得请求输入?,javascript,php,jquery,Javascript,Php,Jquery,如何在使用jquery追加表之后获取输入。我这里有一个人。但是在我使用jquery附加它之后。我只能从这里的默认tbody获取第一个输入 我的HTML <input type="button" id="addProperty" class="btn btn-primary btn-sm" value="+"> <input type="button" id="removeProperty" class="btn btn-primary btn-sm" value="-">
<input type="button" id="addProperty" class="btn btn-primary btn-sm" value="+">
<input type="button" id="removeProperty" class="btn btn-primary btn-sm" value="-">
{!! Form::open(['url' => 'admin/add_product', 'method' => 'post', 'enctype' => 'multipart/form-data']) !!}
Name: <input type="text" name="pro_name" class="form-control"> <br/>
<table id="propertyTable">
<thead>
<td> No </td>
<td> Size</td>
<td> Color</td>
<td> Karat</td>
<td> Price</td>
<td> Stock</td>
</thead>`
<tbody class="test">
<tr>
<td> 1 </td>
<td> <input name="property_size1" type="text" placeholder="Size" class="form-control"> </td>
<td> <input name="property_color1" type="text" placeholder="Color" class="form-control"> </td>
<td> <input name="property_karat1" type="text" placeholder="karat" class="form-control"> </td>
<td> <input name="property_price1" type="text" placeholder="Price" class="form-control"> </td>
<td> <input name="property_stock1" type="text" placeholder="Stock" class="form-control"> </td>
</tr>
</tbody>
{!! Form::close() !!}
{!!Form::open(['url'=>'管理/添加产品','method'=>'发布','enctype'=>'多部分/表单数据'])
名称:
不
大小
颜色
克拉
价格
股票
`
1.
{!!Form::close()!!}
我的JavaScript
var totalProperty = 1;
$('#addProperty').click(function(){
totalProperty++;
$('#propertyCount').val(totalProperty);
$('#propertyTable > tbody:last-child').append('' +
'<tr> ' +
'<td> '+totalProperty +' </td> ' +
'<td> <input name="property_size'+totalProperty+'" " type="text" placeholder="Size" class="form-control"> </td> ' +
'<td> <input name="property_color'+totalProperty+'" type="text" placeholder="Color" class="form-control"> </td> ' +
'<td> <input name="property_karat'+totalProperty+'" type="text" placeholder="karat" class="form-control"> </td> ' +
'<td> <input name="property_price'+totalProperty+'" type="text" placeholder="Price" class="form-control"> </td> ' +
'<td> <input name="property_stock'+totalProperty+'" type="text" placeholder="Stock" class="form-control"> </td> ' +
'</tr>');
});
$('#removeProperty').click(function(){
totalProperty--;
$('#propertyCount').val(totalProperty);
$('#propertyTable > tbody tr:last-child').remove();
return false;
});
var totalProperty=1;
$('#addProperty')。单击(函数(){
totalProperty++;
$('#propertyCount').val(totalProperty);
$('#propertyTable>tbody:last child')。追加(''+
' ' +
''+totalProperty+''+
如果您将输入组织为'property[i]['property_whatever'],这样您就不必担心变量和保持一切有序,那么'It'可能会更容易。您可以给我示例代码吗?在获得输入数组之前,一切都正常:3[▼ 1=>“S”2=>null 3=>null]如果您将输入组织为'property[i]['property\u whatever'],这样您就不必担心变量和保持一切有序。您能给我示例代码吗?在得到输入数组之前,一切都正常:3[▼ 1=>“S”2=>null 3=>null]
$totalProperty = $request->input('total_property');
for($i = 1;$i<=$totalProperty;$i++){
$property_size[$i] = $request->input('property_size'.$i);
$property_color[$i] = $request->input('property_color'.$i);
$property_karat[$i] = $request->input('property_karat'.$i);
$property_price[$i] = $request->input('property_price'.$i);
$property_stock[$i] = $request->input('property_stock'.$i);
}
dd($property_size);