Amigos tengo este formulario:
https://goo.gl/photos/T687o81jkZawTELu8
adiciono una nueva fila de campos quedando asi:
https://goo.gl/photos/8ue48gGhRdkPNTFW6
mediante jquery como obtengo los campos nuevos?
Código Javascript
:
Ver original<script type="text/javascript">
$(document).ready(function() {
var add_button = $(".add_field_button");
$(add_button).click(function(e){
var estacionesSeleccionas = [];
$(".estaciones").each(function()
{
estacionesSeleccionas.push($(this).val());
});
$.ajax({
type: "get",
url: "pruebaAjax/"+estacionesSeleccionas,
//data: dataString,
success: function(data) {
//$('#value').text(data);
$('#value').append(data);
}
});
e.preventDefault();
});
Código HTML:
Ver original{!! Form::open(['url' => 'store', 'class' => 'form-horizontal', 'id' => 'editForm']) !!}
<div class="input_fields_wrap"> <button class="add_field_button btn btn-success">Adicionar Estación
</button> <div class="col-xs-1"><input type="text" name="azimut[]" id="incidencia0" value="" class="form-control col-xs-1" placeholder="Azimut"/></div>
<button type="button" class="btn btn-primary" id="guardar">Guardar
</button>
{!! Form::close() !!}
este el php que crea los campos
Código PHP:
Ver original<div id="{{ $numero }}" class="registro">
<div class="row">
<!--<div class="col-lg-1">No</div>-->
<div class="col-xs-2">Campo 1</div>
<div class="col-xs-1">Campo 4</div>
<div class="col-xs-1">Campo 3</div>
<div class="col-xs-1">Campo 4</div>
<div class="col-xs-1">Campo 5</div>
<div class="col-xs-1">Campo 6</div>
<div class="col-xs-1">Campo 7</div>
<div class="col-xs-1">Campo 8</div>
<div class="col-xs-1">Campo 9</div>
<div class="col-xs-1">Campo 10</div>
</div>
<div class="row">
<!--<div class="col-lg-1">0.</div>-->
<div
class="col-xs-2">{!! Form
::select('estacion_id[]', $estaciones, null, array('class' => 'estaciones form-control col-sm-5')) !!}</div
> <div class="col-xs-1"><input type="text" name="qr[]" value="" class="form-control col-xs-1" placeholder="QR"/></div>
<div class="col-xs-1"><input type="text" name="fc[]" value="" class="form-control col-xs-1" placeholder="FC"/></div>
<div class="col-xs-1"><input type="text" name="azimut[]" value="" class="form-control col-xs-1" placeholder="Azimut"/></div>
<div class="col-xs-1"><input type="text" name="incidencia[]" id="incidencia{{ $numero }}" value="incidencia{{ $numero }}" class="form-control col-xs-1" placeholder="Incidencia"/></div>
<div class="col-xs-1"><input type="text" name="fd[]" value="" class="form-control col-xs-1" placeholder="FD"/></div>
<div class="col-xs-1"><input type="text" name="fsd[]" value="" class="form-control col-xs-1" placeholder="FSD"/></div>
<div class="col-xs-1"><input type="text" name="stqr[]" value="" class="form-control col-xs-1" placeholder="STQR"/></div>
<div class="col-xs-1"><input type="text" name="stfc[]" value="" class="form-control col-xs-1" placeholder="STFC"/></div>
<!--<div class="col-lg-1"><input type="text" name="prueba[]" value="" class="form-control col-sm-1" placeholder="prueba"/></div>-->
<div class="col-xs-1"><textarea name="observaciones[]" class="form-control observaciones" rows="1" id="comment"></textarea></div>
<div class="col-xs-1 has-error text-danger"><label class="remove_field" id="" data-registro="{{ $numero }}" >Eliminar</label><!--<a href="#" class="remove_field" id="" data-registro="{{ $numero }}">Eliminar</a>--></div>
</div>
</div>