私の場合、次のようdefault.php
に外部ページをロードするjQueryイベントがあります。<div>
$(".edit").click (function(){
var row_id = $(this).attr('id');
$("#studentCourseElementPlanselected").show().html("<div id='wait'></div>");
$.ajax({
url: "/pages/loadCoursePlan.php",
data: { 'cpl_id':row_id },
success: function(data){
$("#studentCourseElementPlanselected").html(data);
}
});
});
(ロードされている)上に、複製された要素/pages/loadCoursePlan.php
を追加する別のjQueryスクリプトがあります<select>
$('#add_more').on('click', function() {
var selectClone = $('select:last').clone(true); // make a copy of select
$('#courseElements').append(selectClone); // append to clone select
});
そして、更新をクリックすると、次のようなことを行う別の jQuery スクリプトが呼び出されます。
$('#course_update').click(function() {
var course_id = $('#course_id').val();
var plan_id = $('#plan_id').val();
var price_id = $('#price_id').val();
var course_name = $('#course_name').val();
var course_isActive = $('#course_isActive').val();
$('#update_status').html('<img src="../images/ajax-loader.gif" />');
$.post('../update.php', {
course_id: course_id,
plan_id: plan_id,
price_id: price_id,
course_name: course_name,
course_isActive: course_isActive
}, function(data) {
$('#update_status').html(data);
return false;
});
});
/pages/loadCoursePlan.php
を新しいオブジェクトでリロードしたい( plan_id
)
の HTMLpages/loadCoursePlan.php
は次のようなものです。
<table id='myTable'>
<tr id='7'><td>Some info here</td><td>6 dagar</td> <td><a href='#' class='delete'><div id='remove_row'></div></a></td></tr>
<tr id='15'><td>Some other info here</td><td>10 dagar</td> <td><a href='#' class='delete'><div id='remove_row'></div></a></td></tr>
<tr id='16'><td>More info</td><td>10 dagar</td> <td><a href='#' class='delete'><div id='remove_row'></div></a></td></tr>
</table>
新しい行を公平かつ単純に追加したいと思います...