2012-02-14 38 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

相關問題