Javascript从最近的TR访问TD。 Javascript PHP Session

时间:2015-07-01 18:52:03

标签: javascript php jquery twitter-bootstrap code-snippets

我正在使用此代码段:http://bootsnipp.com/snippets/featured/payment-form-with-total-preview

我的问题在于X点击,当删除元素时,我想访问TD的值(概念,描述,数量,状态和日期),以便在拥有这些值后删除我的PHP会话数组中的元素,这是一个包含所有付款的数组,因此我只是根据我得到的值进行取消设置。

这是我到目前为止所做的:

$(document).on('click', '.input-remove-row', function(){ 
    var tr = $(this).closest('tr');

    var tds = tr.children('td');

    var txt = $(tds[0]).text()
    var txt1 = $(tds[1]).text()
    var txt2 = $(tds[2]).text()

    document.write (txt1)

    tr.fadeOut(200, function(){

        tr.remove();
        calc_total()
    });
});

我已经尝试打印txt,txt1和txt2的值,但我总是得到数量,我没有达到其他tds,并且它们都应该是基于其他函数的类输入的tds。

另一个问题是如何在这里处理会话,但这不是最优先考虑的问题。

任何想法?提前谢谢。

1 个答案:

答案 0 :(得分:0)

编辑: 如果您想使用php存储会话值,那么您应该使用$.ajax

$(document).on('click', '.input-remove-row', function(){ 
    var tr = $(this).closest('tr');

    var tds = tr.children('td');

    var txt = $(tds[0]).text()
    var txt1 = $(tds[1]).text()
    var txt2 = $(tds[2]).text()

    var data = {
      concept: txt,
      description: txt1,
      amount: txt2
    };

    $.ajax("YOUR_PHP_POST_URL", {
      type: 'POST',
      data: data,
      success: function(response) {
        //Check if store success
        if (POST_SUCCESS) {
          // remove tr and calc total here
          tr.fadeOut(200, function(){
             tr.remove();
            calc_total();
          });
        } else {
          //notify store failed...
        }
      },
    });
});

如果需要会话数据,可以使用:

$.ajax("YOUR_PHP_GET_URL", {
  success: function(response) {
    // convert reposnse to object
    // then do something like append this data to table, and calc_total
  },
});

或者,如果您使用PHP创建页面,则可以在呈现时直接将这些会话数据放在表格上。

有关ajax的更多信息,请转到jquery ajax,您还可以在互联网上找到更多详细信息和示例。

相关问题