2012-02-14 66 views
-1

我正在做一些PHP显示所有数据让我们说动物表,以便于理解。现在我有一张王国桌,其中的所有动物落入他们各自的王国。现在在我的页面中,我显示了两张表格:那些落入我登录的王国(给予Animalia)的那些动物以及那些不会。在文本框中搜索并插入多个值到

在那些不属于英国动物界的动物中,每个名字旁边都有一个复选框,我可以选择一个或多个名字。现在我有一个添加按钮可以用来添加我选择分配给Kingdom Animalia的动物。

现在它变成了一个动物学课,对于样品抱歉,但我想我可以更好地解释这种方式。

要添加尽可能多的我希望我的代码仅限于使用JavaScript和PHP代码,因为我没有使用jQuery工作。

回答

0

根据我对这个问题的理解......在未分配的表格中,我假定除了没有分配(链接)到我们当前用户的用户名之外,还有一个复选框。
现在,添加该新用户名旁边的按钮将分配给我们的用户。
在javascript上使用jquery触发该按钮上的onclick事件。

function adduser(){ 
    var elems = $(".Checkbox"); 
    for(var i=0;i<elems.length;i++) 
    { 
     if(elems[i].checked){ 
      var userId = elems[i].id; 
      $("#dummy").load("adduser.php?user_id="+userId,function(){ 
       $("#"+userId).parent().remove(); 
      }); 
     } 
    } 
    $("#dummy").html("succesfully Added selectd users to your account."); 
} 

在文件adduser.php写的代码,用于将用户的当前用户。

+0

沿着与您的每一个表中的记录复选框是的,这是正确的遗憾我无法自然解释。无论如何,问题是每个用户名都必须在他们旁边有一个复选框,在我点击添加按钮后,我可以选择所有我想为当前用户添加的用户名。使添加按钮成为当前用户添加所有这些用户名的触发器。另外如果可能的话,我想限制我的代码转换为JavaScript和PHP代码。 – KaHeL 2012-02-14 09:23:32

+0

ohk ..检查编辑的答案。 – xdevel 2012-02-14 09:40:21

0

从我的理解....

发表您的形式

<!--non assigned table--> 
<table id="non-table"> 
<tr id="nonassignedid"> 
<?php foreach($nonassigneddata as $data){ ?> 
<td>....</td> 
<?php } ?> 
<tr> 
</table> 

<!--assigned table--> 
<table> 
<tr id="assignedid"> 
    foreach($yourresults as $result){ 

    <td>...</td> 

    <?php 
    $check = someFunctionToCheckAssigned($result,$youruserId); 
    if($check){ 
    $checked = "checked='checked'"; 
    }else{ 
    $checked = ""; 
    } 

    ?> 
    <td><input type="checkbox" userid="<?php echo $userid; ?>" assigningproperyid="<?php echo $assignid; ?>" name="both" class="updateuser" <?php echo $checked ?> /></td> 
    } 
</tr> 
</table> 

使用jQuery的Ajax方法

$(".updateuser").click(function(){ 
var userid = $(this).attr('userid); 
var propertyid = $(this).attr('assigningproperyid'); //what ever thing you want to assign 
$.ajax({ 
    url: 'updateuser.php, 
type : "POST", 
data : {'userid':userid ,'propid':propertyid }, 
    success: function(data) { //return the data as assigned element id 

      $('#non-table #data).remove(); //removing that tr from non -assinged 

    } 
    } 
}); 
}) 
+0

刚刚看到你没有使用Jquery的更新: - | – coolguy 2012-02-14 09:28:52

+0

是的,从我所看到的所有反应中,我不会以可读的方式提出我的问题。哈哈!无论如何,谢谢你的回答。现在更新我的问题。 – KaHeL 2012-02-14 09:33:45

相关问题