如何从 Html 表中获取 ID？

debugcn 发表于 Dev

抢

我有一个用 PHP 填充的 Html 表，在第一个单元格中是我的 ID，在最后一个单元格中是一个选择框。当用户更改选项时，它将使用 onchange 函数在数据库中更新。但是有没有办法知道哪个 ID 连接到选定的选择框？因为我想将该 ID 与指向我的 PHP 文件的链接一起发送.....

这是我的 xmlhttp 链接：

xmlhttp.open("GET","Update_plaats_ncr.php?q=" + str +"&number=" + num, true);

这是我的表：

<?php
if ($result5->num_rows > 0) {
    echo "<table>";
    echo "<tr>";
    echo "<td>";
    echo "NCR number:";
    echo "</td>";
    echo "<td>";
    echo "Status:";
    echo "</td>";
    echo "</tr>";
    while ($row = mysqli_fetch_assoc($result5)) {
        $query6 = "SELECT * FROM `plaats_ncr`";
        $result6 = mysqli_query($connect, $query6);
        $ncrnummer = $row['id'];
        $jsnummer = $row['id'];

        if ($row['id']) {
            echo "<tr>";
            echo "<td>";
            echo "<a href=\"http://ncrapp.petrogas.local/UpdateNCR.php?id=$ncrnummer\">{$ncrnummer}</a>";
            echo "</td>";
            echo "<td>";
            ?>
                <script>
                    function Plaats1(str) {

                        var num = <?php echo $jsnummer ?>;

                        if (str == "") {
                            document.getElementById("txtHint").innerHTML = "";
                            return;
                        }

                        else {
                            if (window.XMLHttpRequest) {
                                xmlhttp = new XMLHttpRequest();
                            }

                            else {
                                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                            }

                            xmlhttp.onreadystatechange = function() {
                                if (this.readyState == 4 && this.status == 200) {
                                    document.getElementById("txtHint").innerHTML = this.responseText;
                                }
                            };
                            xmlhttp.open("GET","Update_plaats_ncr.php?q=" + str +"&number=" + num, true);
                            xmlhttp.send();
                        }
                    }
                </script>
                <select name="plaats_ncr" class="form form-control" onchange="Plaats1(this.value)">
                    <?php while ($row = mysqli_fetch_assoc($result6)): ;?>
                        <option value="<?php echo $row['plaats']; ?>"><?php echo $row['plaats']; ?></option>
                    <?php endwhile;?>
                </select>
    <?php
        echo "</td>";
            echo "</tr>";
        }
    }
    echo "</table>";
}
?>

那么如何将正确的 ID(ncrnumber) 放入 VAR 编号？

马里奥

为了获得 id，可以先获得对 select 元素的引用，然后向上到父亲 tr 并从那里寻找 tr 的第一个儿子。此 td 包含 textContent 属性中感兴趣的值，在本例中为 ID。请看这个例子。从那里您可以构建您将传递给处理信息的 php 文件的查询字符串

const selects = document.querySelectorAll('table select');

selects.forEach(select => addEventListener('change', handleChange));

function handleChange(event) {
    const element = event.target;
    const value = element.value;
    const id = getID(element);

    console.log(id, value);
}

function getID(element) {
    return element.closest('tr').children[0].textContent;
}

<table>
  <thead>
      <tr>
          <th>Label 1</th>
          <th>Label 2</th>
          <th>Label 3</th>
          <th>Label 4</th>
          <th>Label 5</th>
          <th>Label 6</th>
          <th>Label 7</th>
          <th>Label 8</th>
          <th>Label 9</th>
      </tr>
  </thead>

  <tbody>
      <tr>
          <td>4931</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>
              <select name="option" id="option">
                  <option value="1">Option 1</option>
                  <option value="2">Option 2</option>
                  <option value="3">Option 3</option>
              </select>
          </td>
      </tr>

      <tr>
          <td>4933</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>
              <select name="option" id="option">
                  <option value="1">Option 1</option>
                  <option value="2">Option 2</option>
                  <option value="3">Option 3</option>
              </select>
          </td>
      </tr>

      <tr>
          <td>4934</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>
              <select name="option" id="option">
                  <option value="1">Option 1</option>
                  <option value="2">Option 2</option>
                  <option value="3">Option 3</option>
              </select>
          </td>
      </tr>

      <tr>
          <td>4943</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>lorem6</td>
          <td>
              <select name="option" id="option">
                  <option value="1">Option 1</option>
                  <option value="2">Option 2</option>
                  <option value="3">Option 3</option>
              </select>
          </td>
      </tr>
  </tbody>
</table>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-07-23

我来说两句

0条评论

登录后参与评论

来自分类Dev

Related 相关文章

文章

如何从 Html 表中获取 ID？

如何从 Html 表中获取 ID？

在HTML select中获取所选表的ID

在HTML中获取动态表的行ID

如何获取 firebase html 表中的当前行 ID 以执行函数

如何获取表中重复行的ID

如何从关系表中获取ID，Laravel

如何从表中获取最大ID？

如何使用Python解析HTML并获取表ID

如何获取HTML元素的ID

使用php从html表中获取data-id html

如何在“ id”下的html中获取内部文本

如何从HTML的<a>标记获取ID到JSP文件中？

如何从不在表中的列表中获取ID？

如何使用jQuery添加HTML表的ID

如何获取新的HTML内容及其ID？

如何从php代码获取html ID？

如何基于属性ID获取内部HTML

如何使用PHP获取HTML元素的ID？

如何使用jQuery获取HTML元素ID

HTML / CSS：如何获取子菜单的ID

如何从HTML中的表的列中获取数据

如何删除从表中获取的值中的html特殊字符？

如何在PostgreSQL中从RelOptInfo获取表名或ID？

如何使用SQLBULKCOPY获取插入到表中的记录的ID？

如何从jquery中的表数据获取span ID

如何从sqllite android中的max（id）获取属性表？

如何从没有ID的表中获取行

如何使用SQLBULKCOPY获取插入到表中的记录的ID？

在Coredata中，如何获取特定表的所有ID？

如何从jquery中的表数据获取span ID