在我的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>
我想我想公平而简单地添加一个新行......