Question

我目前正在使用PHP来填充HTML表格，每行一个下拉列表：

echo "  <tr>";
echo "      <td>" . $row["order_id"] . "</td>";
echo "      <td>" . $row["status_name"] . "</td>";
echo "      <td>";
echo "          <select name=\"status_dropdown\" onchange=\"handleStatusChange(this);\">";

while ($row = $result->fetch_array(MYSQL_ASSOC))
{
    // Output the dropdown options
    echo "<option value=\"" . $row["status_id"] . "\">" . $row["name"] . "</option>";
}

我有一个javascript函数会触发值更改：

<script type="text/javascript">
    function handleStatusChange(dropdown)
    {
    // I would like to use the Order ID value here ...
    }
</script>

如何从下拉列表的当前行获取“order_id”值（存储在另一列中）？我想在javascript函数中访问“order_id”值。

我需要AJAX或JQuery吗？

正如您所见，我是网络开发的新手：\

Answer 1

我认为您可以在onchange

上使用jquery事件绑定

$('select[name="status_dropdown"]').change(function(event){
    var $this = $(event.target);
    var orderId = $this.closest('tr').children('td:eq(0)').text()
});

演示：Fiddle

Answer 2

你不需要AJAX或JQuery（虽然越来越熟悉Javascript会是一个好主意）你可以使用的一个功能是

getElementById(id)

https://developer.mozilla.org/en-US/docs/DOM/document.getElementById

基本上，您将javascript文件中的变量分配给相关对象，然后可以通过该变量访问与该元素关联的内容。

从上面的教程：

<!DOCTYPE html>
<html>
<head>
  <title>getElementById example</title>
  <script>
  function changeColor(newColor) {
    var elem = document.getElementById("para1");
    elem.style.color = newColor;
  }
  </script>
</head>
<body>
  <p id="para1">Some text here</p>
  <button onclick="changeColor('blue');">blue</button>
  <button onclick="changeColor('red');">red</button>
</body>
</html>

如何在下拉值更改中获取另一列的值？

2 个答案: