0

我目前正在使用 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 吗？

如您所见，我是 Web 开发的新手：\

4

2 回答 2

0

我认为您可以使用 jquery 事件绑定代替onchange

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

演示：小提琴

于 2013-03-14T17:19:56.113 回答
0

您不需要 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>
于 2013-03-14T17:22:01.780 回答