2012-07-24 51 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