0

私は現在PHPを使用して、行ごとに1つのドロップダウンを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 に慣れることは良い考えですが) 使用できる関数の 1 つは、

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 に答える