您好我正在使用jquery ajax来创建elemenet。所有工作都正常,但数据混乱的位置。Jquery创建元素并添加类
这里是它的外观:
N3R3606O5 (radio button)
2016-11-22 19:00:00
2016-11-23 05:00:00
何做我添加引导山坳MD类。
我希望它看起来像这样:
# Plate Number Start Time End Time
(radio button) N3R3606O5 2016-11-22 19:00:00 2016-11-23 05:00:00
,这里是我的jQuery至今:
$('button[type="search"]').click(function(e) {
$.ajax({
url: "{{ route('accident.search') }}",
type: "POST",
data: {
'_token' : '{{csrf_token() }}',
'driver_id' : $('select[name="driver_id"]').val(),
'accident_date' : $('input[name="accident_date"]').val(),
},
success: function(data) {
if(data.status == true) {
var result= $('#search-result');
$.each(data.getCarbyDriver, function(i, data) {
PlateEle = $('<input/>').attr({ type: 'radio', name: 'car_id'}).val(data.car_id);
$("#search-result").html(data.plate_no);
StartEle = $('<div />').html(data.start_time);
EndEle = $('<div />').html(data.end_time);
});
$('#search-result').append(PlateEle, StartEle, EndEle);
}
},
error: function(data) {
}
});
});
这是我的HTML表单至今:
<div class="row result-searh">
<div class="col-xs-12 col-sm-12 col-md-12">
<div id="search-result"></div>
</div>
</div>
为什么要追加'$ .each'? – Rayon
因为我想显示数据。 –
在'$ .each'之后追加只会追加最后的数据.. – Rayon