Здравствуйте.
Проблема с динамически создаваемыми ячейками таблицы.
Есть такая таблица:
<div class="table-responsive">
<form method="post">
<table class="table table-hover table-condensed table-bordered">
<thead>
<tr>
<th class="active">Document</th>
<th class="active">Number</th>
<th class="active">issued</th>
<th class="active">Expiry</th>
<th class="active">Country</th>
<th class="active">Link</th>
<th class="active"></th>
</tr>
</thead>
<tbody>
<tr class="information_json_plus">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><span class="btn btn-success plus pull-right">+</span></td>
</tr>
</tbody>
</table>
<button type="submit" name="bg">Get</button>
</form>
</div>
В ней добавляю ячейки динамически:
// формируем новые поля
jQuery('.plus').click(function(){
jQuery('.information_json_plus').before(
'<tr>' +
'<td> <select name="doctype[]" class="form-control"><option value="">Select document</option>'+
"<?php foreach ($typedocs as $k => $val) echo "<option value='$val'>$val</option>";?>" +'<select> </td>'+
'<td> <input type="text" name="docnum[]" placeholder="Enter number" value="" class="form-control"/> </td>'+
'<td><div class="input-group date" id="doc_issued"><input type="text" name="doc_issued[]" id="doc_issued"'+
'placeholder="Select dates" value="" class="form-control"/><span class="input-group-addon">'+
'<span class="glyphicon glyphicon-calendar"></span></span></div></td>'+
'<td><div class="input-group date" id="doc_expiry"><input type="text" name="doc_expiry[]" '+
'placeholder="Select dates" value="" class="form-control"/><span class="input-group-addon">'+
'<span class="glyphicon glyphicon-calendar"></span></span></div></td>'+
'<td><select name="doc_country[]" id="doc_country" class="form-control"><option value="">Select country</option>'+
"<?php foreach ($Country as $k => $val) echo "<option value='$val'>$val</option>";?>"+'<select></td>'+
'<td> <input id="input-id" name="add_app[]" type="file" placeholder="Click to Browse... button" class="file" ' +
'data-show-upload="false" data-show-preview="false" /> </td>'+
'<td><span class="btn btn-danger minus pull-right">–</span></td>' +
'</tr>'
);
// on - так как элемент динамически создан и обычный обработчик с ним не работает
jQuery(document).on('click', '.minus', function(){
jQuery( this ).closest( 'tr' ).remove(); // удаление строки с полями
});
});
Пытаюсь применить сюда плагин datatimepicker, но с динамически создаваемыми элементами он не как не хочет работать, может кто нибудь может что нибудь подсказать или хотя бы в каком направлении?
/*
$(function () {
//Идентификатор элемента HTML (например: #datetimepicker1), для которого необходимо инициализировать виджет "Bootstrap datetimepicker"
$('#doc_issued').datetimepicker(
{
pickTime: false,
language: 'en'
}
);
$('#doc_expiry').datetimepicker(
{
pickTime: false,
language: 'en'
}
);
*/
p.s.: в js практически полный ноль...