Question

请帮忙！

我正试图从我的表中获取行值的单个值。我正在使用Javascript来显示从单击表格中值旁边的按钮调用函数时的值。

这就是表格所喜欢的内容：

Name_1 737 <button>Run JS</button>
Name_2 729 <button>Run JS</button>
Name_3 730 <button>Run JS</button>

这是文件：

<table>
<?
$sql = mysql_query("SELECT * FROM clients WHERE id = '1'");

while($row = mysql_fetch_array($sql)){
$name = $row['client_name'];
$c_id = $row['client_id'];

$id_array[] = $c_id; 

echo '<table id="myTable">
        <tr>
            <td>'.$name.'</td>
            <td class="client_id">'.$c_id.'</td>
        <td><button onclick="js_function()">Run JS</button></td>
    </tr>
    </table>';
}
?>
</table>

<script>
var c_id = document.getElementsByClassName("client_id");

function js_function() {
for(var i = 0; i < c_id.length; ++i){   
    var client_id = c_id[i].innerHTML;
    }
document.write(client_id);
}
</script>

当我点击表格中显示的任何按钮时，我总是以值：730结束，这与c_id [2] .innerHTML;

的值相同

Answer 1

如果您想要的只是按钮上的客户端ID，那么为什么不在渲染时将客户端ID传递给js函数呢？

<td><button onclick="js_function("'.$c_id.'")">Run JS</button></td>

并且在js函数中，您可以通过单击按钮直接获取它。

function js_function(clientId) {
   alert(clientId);
}

Answer 2

向js_function()添加参数以标识行：

$i = 0;
while($row = mysql_fetch_array($sql)){

    $name = $row['client_name'];
    $c_id = $row['client_id'];

    $id_array[] = $c_id; 


    echo '
      <table id="myTable">
      <tr>

      <td>'.$name.'</td>

      <td class="client_id" id="client_id_'.$i'">'.$c_id.'</td>

      <td><button onclick="js_function('.$i.')">Run JS</button></td>

      </tr>

      </table>';

}

JS：

function js_function(i) {
    var c_id = document.getElementById('client_id_' + i);
    var client_id = c_id.innerHTML;
    document.write(client_id);
}

Javascript迭代表

2 个答案: