使用php或javascript通过按钮onclick

时间:2016-08-13 02:40:45

标签: javascript php jquery onclick

使用foreach我显示带有两个按钮的条目 - 分别更新和删除,如何使用onclick(php或javascript)使这些按钮响应? Please click here to view attachment。感谢。

注意:未标记的按钮位于条目旁边 - 最右边 这是代码:

$get_product_details = $db->query("SELECT product_name,product_type FROM products WHERE product_code = '$product_code'");
foreach($get_product_details as $key) {
    echo'<tr><td>'.$key['product_name'].'</td><td>'.$key['product_type'].'</td><td><input type =  "text" name = "actual_case" value = "'.$quantity.'"class = "form-control" style = "width:20%;"></td>
    <td><a href="?update='.$product_code.'"<input type = "button" name = "update" class =  "form-control" value ="update" style = "width:20%;height:0"></a></td>
    <td><a href="?remove='.$product_code.'"<input type = "button" name = "remove" id = "" class =  "form-control" value ="remove" style = "width:20%;height:0"></a></td></td></tr></br>';
}
if(isset($_GET['remove'])){
    $delete_entry = $db->query("DELETE * FROM order_supplier_list WHERE order_supplier_id = '$transaction_id' AND product_code = '".$_GET['remove']."'");   
}
if(isset($_GET['update'])){
    $qntity = $_POST['actual_case'];
    $update_order = $db->query("UPDATE order_supplier_list SET quantity = '$qntity' WHERE order_supplier_id = '$transaction_id' AND product_code = '".$_GET['update']."'");
}

1 个答案:

答案 0 :(得分:0)

我创建了一个隐藏字段来保存$ product_code变量的值并删除了锚标记,因为我在ajax中处理了这个问题。 然后我在jquery中获取此值,在ajax部分中使用它构建url。

foreach($get_product_details as $key) {
  echo'<tr><td>'.$key['product_name'].'</td>  <td>'.$key['product_type'].'</td><td><input type =  "text" name = "actual_case" value = "'.$quantity.'"class = "form-control" id="quantity" style = "width:20%;"></td>
  <td><input type = "hidden" name = "product_code" class =  "form-control" value ="'.$product_code.'" style = "width:20%;height:50"></td>
 <td><input type = "button" name = "update" class =  "form-control" value ="update" style = "width:20%;height:50" onclick="updateProduct()"> </td>
    <td><input type = "button" name = "remove" id = "" class =  "form-control" value ="remove" style = "width:20%;height:50" onclick="deleteProduct()></td></td></tr></br>';}

这部分是带有ajax部分的jquery

$(function(){


function updateProduct(){
    var hiddenProduct_Code=$('#hiddenProduct_code').val();
    var quantity=$('#quantity').val();
    $.ajax({
            method: 'GET',
            url: "?update="+hiddenProduct_Code+"",
            data: {'update' : hiddenProduct_Code,'actual_case':quantity},
            success: function (data) {
            if (data) {
               alert(data);
            }
        },
    });
}

function deleteProduct(){
    var hiddenProduct_Code=$('#hiddenProduct_code').val();
    $.ajax({
            method: 'GET',
            url: "?remove="+hiddenProduct_Code+"",
            data: {'remove' : hiddenProduct_Code},
            success: function (data) {
            if (data) {
               alert(data);
            }
        },
    });
}
});

您可以执行所需的任务移动到检查是否已触发更新或删除操作的页面

    <?php 


if(isset($_GET['remove'])){
    $delete_entry = $db->query("DELETE  FROM order_supplier_list WHERE order_supplier_id = '$transaction_id' AND product_code = '".$_GET['remove']."'");   
}
if(isset($_GET['update'])){
    $qntity = $_GET['actual_case']; //I change it from $_POST to ensure uniformity
    $update_order = $db->query("UPDATE order_supplier_list SET quantity = '$qntity' WHERE order_supplier_id = '$transaction_id' AND product_code = '".$_GET['update']."'");
}

 ?> 
希望这会有所帮助 修复了DELETE语法,您可以从中找到更多信息  dev.mysql.com/doc/refman/5.7/en/delete.html感谢@Fred