2012-07-24 125 views
0

我想從數據庫中添加或減少的onclick減去onClick()逐個增加減去Button添加或從數據庫

我的代碼

$.ajax({ 
     type:'POST', 
     dataType: 'json', 
     url:'storage.php', 
     data:{search: $("#s_inven").val()}, 
     success:function(rows){ 

      for (var i = 0, len = rows.length; i < len; i++) { 

       $('#inven').append('<tr><td>'+ rows[i].G_Name +'</td><td>'+ 
         '<button data-icon="plus" data-iconpos="notext" id="'+ 
         rows[i].Id + 'plus" value="'+ rows[i].Id + '">+</button>' + 
         '</td><td>'+ '<label id="">'+ rows[i].quant +'</label></td><td>'+ 
         '<button data-icon="minus" data-iconpos="notext" id="'+ 
         rows[i].G_Name +'minus" value="'+ rows[i].G_Name + 
         '">-</button>' +'</td></tr>'   
      } 
    ); 

當用戶點擊添加Button我想更新 rows[i].quantrows[i].quant+1

+2

什麼在此代碼是問題?你得到了哪個錯誤? – Jalpesh 2012-07-24 07:04:58

+0

基本上我想更新行[我] .quant行[我] .quant + 1&我不明白如何做到這一點。我正在考慮爲按鈕創建一個onclick事件,但它似乎不起作用。 – Cryptos 2012-07-24 07:27:41

回答

1

事情是這樣的:

$.ajax({ 
    type:'POST', 
    dataType: 'json', 
    url:'storage.php', 
    data:{search: $("#s_inven").val()}, 
    success:function(rows){ 

     for (var i = 0, len = rows.length; i < len; i++) { 

      $('#inven').append('<tr><td>'+ rows[i].G_Name +'</td><td>'+ 
        '<button data-icon="plus" data-iconpos="notext" id="'+ 
        rows[i].Id + 'plus" value="' + rows[i].Id + '" onclick="addVal(' + rows[i].Id + ')">+</button>' + 
        '</td><td>'+ '<label id="quant' + rows[i].Id + '">'+ rows[i].quant +'</label></td><td>'+ 
        '<button data-icon="minus" data-iconpos="notext" id="'+ 
        rows[i].G_Name +'minus" value="'+ rows[i].G_Name + 
        '">-</button>' +'</td></tr>'   
     } 
); 

function addVal(id) 
{ 
    var labelId = 'quant' + id; 
    var label = document.getElementById(labelId); 
    if (label) 
    { 
     var oldVal = label.innerHTML; 
     var newVal = parseInt(oldVal) + 1; 
     label.innerHTML = newVal; 
     // + ajax call to update the db 
    } 
} 
+0

它不適合我。它沒有做任何事情。 – Cryptos 2012-07-24 08:45:55

+0

我得到了這個錯誤「未捕獲的ReferenceError:addVal未定義」 – Cryptos 2012-07-24 09:16:59

+0

我在$(document).ready之外添加了該函數後得到了它的工作。 非常感謝pikand。 – Cryptos 2012-07-24 09:35:50