使用Javascript将td值传递给php页面

时间:2013-10-09 09:27:26

标签: javascript php jquery html ajax

我有一个HTML表格,显示数据库中的记录。

下面是我的表格的截图

enter image description here

有一个button in a TD(即第5,7,9栏),当我点击我要执行的功能按钮时,显示一个带有html表的弹出框。

在此之前,我想传递mcc and mnc的值并且还要传递列名称(即如果我点击了5xx附近的按钮我希望传递5xx,如果6xx我想传递6xx)到页面有一个查询来显示表。并有单独的PHP代码从数据库中检索th和td。

我试过,但我不知道如何将此值传递给javascript然后到包含查询的php页面以显示表格。感谢

这是我的HTML标记:

<table>
    <th style="text-align:center;width:92px">MCC</th>
    <th style="text-align:center;width:92px">MNC</th>
    <th style="text-align:center;width:92px">MNP</th>

    <?
    $ColumnNames = mysql_query("SELECT column_name FROM information_schema.COLUMNS WHERE table_name = 'supplierprice' AND column_name NOT
    IN ('supp_price_id','region', 'country', 'networkname', 'mcc', 'mnc', 'mnp'
    )") or die("mysql error"); 

    $columnArray=array();
    $i = 0;

    while($rows = mysql_fetch_array($ColumnNames))
    {

    $columnArray[]=$rows[0];

    echo "<th>" . $columnArray[$i] . " <span> <img id='logo'  src='/image/Picture2.png' style='margin:-62px -21px -9px 32px'></span></th>";
    echo "<th style= 'width:20px;'></th>";            
                                   $i++;
    }
                    ?>

    <?php    
    $sql = mysql_query("SELECT * FROM supplierprice ");    
        while($rows=mysql_fetch_array($sql))
    {    
    if($alt == 1)
            {
               echo '<tr class="alt">';
               $alt = 0;
            }
            else
            {
               echo '<tr>';
               $alt = 1;
            }           
    echo '  <td class="edit region '.$rows["supp_price_id"].'">'.$rows["region"].'</td>
            <td class="edit country '.$rows["supp_price_id"].'">'.$rows["country"].'</td>
            <td class="edit networkname '.$rows["supp_price_id"].'">'.$rows["networkname"].'</td>
            <td id="mcc" class="edit mcc '.$rows["supp_price_id"].'">'.$rows["mcc"].'</td>   
            <td id="mnc" class="edit mnc '.$rows["supp_price_id"].'">'.$rows["mnc"].'</td>
            <td class="edit mnp '.$rows["supp_price_id"].'">'.$rows["mnp"].'</td>';           

    $ColumnNames = mysql_query("SELECT column_name FROM information_schema.COLUMNS WHERE table_name = 'supplierprice' AND column_name NOT
    IN ('supp_price_id','region', 'country', 'networkname', 'mcc', 'mnc', 'mnp'
    )") or die("mysql error"); 
    $columnArray=array();
    $i=0;
    while($rows1=mysql_fetch_array($ColumnNames))
    {               
    $columnArray[]=$rows1[0];    
    echo '<td  width="0px;" class="edit '.$columnArray[$i].' '.$rows["supp_price_id"].'">'.$rows[$columnArray[$i]].'</td>';  
    echo '<td><input type="button" onclick="myFunction()" value="" /></td>';        
       $i++;
        }            
         echo '</tr>';
                }  ?>
</table>

的Javascript

<script>

function myFunction() {

 // Create our XMLHttpRequest object
var hr = new XMLHttpRequest();
// Create some variables we need to send to our PHP file
var url = "testpage2/config.php";
var mcc = document.getElementById("mcc").value;
var mnc = document.getElementById("mnc").value;
var vars = "mcc="+mcc+"&mnc="+mnc;
hr.open("POST", url, true);
hr.send(vars); 

        }
</script>

但它没有传递mcc和mnc的值也是列

2 个答案:

答案 0 :(得分:1)

首先将Id分配给表格:

<table>

像:

<table id="contentTable">

现在使用下面的jQuery代码:

$(document).ready(function ()
{
  $('#tableId').find('th').each(function ()
  {
    $(this).click(function ()
    {
       var thValue = $(this).html();
       alert(thValue) // here is value of th on you have click
    });
  });
});

干杯!!!

答案 1 :(得分:0)

您可以尝试使用类似“通用javascript”的内容:

<?php //some stuff
$mcc = "some value";
?>
<script type="text/javascript">
var myVariable = <?php echo $mss; ?>
</script>