ドロップダウンで選択したオプションに従って動的にデータが入力されるテーブルを含むフォームがあります。
ドロップダウンには、「有効」と「無効」の2つの値が含まれています。テーブルの各行の最初の列には、チェックボックスが含まれています。表の構成は次のとおりです。
[checkbox ]| user | status
[checkbox1]| jim | enabled
[checkbox2]| sam | disabled
チェックボックスの値はuseridと同じです。
選択したユーザーのステータスを変更するためのボタンがあります。
ボタンをクリックすると、選択したチェックボックスの値がajaxを使用して投稿され、選択したユーザーのステータスが変更されますが、データはページのリロード時にのみ更新されます。
ステータスが変更されたときにテーブルを更新するにはどうすればよいですか。これが私のスクリプトです。
function Status(){
var checked = []
$("input[name='select[]']:checked").each(function ()
{
checked.push(parseInt($(this).val()));
});
if(checked!=''){
$.ajax({
type:'post',
url:site_url()+'/common/changeStatus',
data:{'checked':checked},
dataType:'json',
async:false,
success:function(result){
if(result!= "false"){
$.msgBox({
title:"Success",
content:"Status change successful"
});
$(function () {
$('.msgButton').click(function (event) {
event.preventDefault();
$("#table").load($(this).attr("#table"));
});
});
}
#table
データを含むテーブルのIDは次のとおりです。