2009-10-14 63 views
4

好了完全陌生的jeditable,jQuery的jeditable傳遞多個值

說我有一些<div>的和正在產生的動態與PHP這樣的<input type='hidden' />項目:

<?php while($row = $db->fetch_assoc($query)) : ?> 
    <input name="hiddenID" type="hidden" value="<?php echo $row['id'] ?>" 
    <div class="items"><?php echo $row['item']; ?></div> 
<?php endwhile; ?> 

它可以給我說.. 。本:

1 //hidden value 
item1 

2 //hidden value 
item2 

3 //hidden value 
item3 

而一個jeditable在線編輯腳本,與它一起去:

hidden = $(".items").siblings("[name=hiddenID]").val(); //using a global var..don't know how to pass it into the editable function. 

    $(".items").editable('save.php', { 

    type  : 'text', 
    tooltip : 'Double-Click to edit...', 
    onblur : 'submit', 
    event  : 'dblclick', 
    submitdata : function() { 
     return {id : hidden }; //how do I pass mutiple hiddenID values?? 
    } 
    }); 

我想知道如何將多個值傳入editable函數。我在這裏展示的方式只傳遞一個值...第一行。

回答

1

我想通了......

我在$.each功能包裹editable功能。奇蹟般有效。

$(".items").each(function(){ 

    var bowID = $(this).siblings("[name=bid]").val(); 

    $(this).editable('save.php', { 

     type  : 'text', 
     tooltip : 'Double-Click to edit...', 
     onblur : 'submit', 
     event  : 'dblclick', 
     submitdata : function() { 
     return {id : bowID }; 
     } 
    }); 
    });