Ajax內聯編輯mysql結果

-1

我從MySQL查詢中得到的行列表顯示了用戶名列表，我需要能夠使用ajax以內聯方式編輯它們，但是使用此腳本我正在使用I只能編輯結果中列出的第一個，請幫助！Ajax內聯編輯mysql結果

我的用戶名得到了這些從MySQL結果，3行，我只能編輯直列第一位的，而不是其他：

<div> 
    <span>Username1:</span> 
    <a href="#" id="username" data-id2="101">user1</a> 
    </div> 


    <div> 
    <span>Username2:</span> 
    <a href="#" id="username" data-id2="102">user2</a> 
    </div> 


    <div> 
    <span>Username3:</span> 
    <a href="#" id="username" data-id2="103">user3</a> 
    </div>

這是我的自定義JS腳本：

$(document).ready(function() { 
    //toggle `popup`/`inline` mode 
    $.fn.editable.defaults.mode = 'inline';  

    //make username editable 
    $('#username').editable({ 

    //uncomment these lines to send data on server 
     id: 'id', 
     id2: 'id2', 
     url: './ajax_editor.php' 

    }); 
}); 
</script>

請記住，我需要能夠編輯（在線）從單獨的結果

每個用戶名

這裏是我使用的JS和CSS來源：

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"> 
    <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script> 
    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> 

    <link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.4.6/bootstrap-editable/css/bootstrap-editable.css" rel="stylesheet"/> 
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.4.6/bootstrap-editable/js/bootstrap-editable.min.js"></script>

THANKS

來源

2014-01-16 AJ152

您使用'id'。如果腳本工作正常，切換到'class'，你應該沒問題。 –

使用class，而不是id

<div> 
    <span>Username1:</span> 
    <a href="#" class="username" data-id2="101">user1</a> 
    </div> 


    <div> 
    <span>Username2:</span> 
    <a href="#" class="username" data-id2="102">user2</a> 
    </div> 


    <div> 
    <span>Username3:</span> 
    <a href="#" class="username" data-id2="103">user3</a> 
    </div>

，並獲得通過jQuery這樣的：

$(document).ready(function() { 
    //toggle `popup`/`inline` mode 
    $.fn.editable.defaults.mode = 'inline';  

    //make username editable 
    $('.username').editable({ 

    //uncomment these lines to send data on server 
     id: 'id', 
     id2: 'id2', 
     url: './ajax_editor.php' 

    }); 
}); 
</script>

來源

2014-01-16 17:41:42

優秀，工作，謝謝！ – AJ152

Ajax內聯編輯mysql結果

回答

相關問題