javascript - 使用表中的 javascript 抓取 php 输出

Question

我有一个从 php.ini 生成的 HTML 表。当有人在下拉列表中选择特定答案时，我利用 javascript 执行某些操作。我关心的表部分在这里:

<td style="display:none;">
<?= $lineID ?>
<value="<?= $lineID ?>"></td>

<td>
<?= $resolution ?><br>
<value="<?= $resolution ?>">                    
<select name="resolution[]" class="inputbox" onchange="submitResolution(this.value)">               
<option value="null">
</option>               
<option value="nightmareAlias.php">ADD NEW ALIAS</option>
<option value="NO PROBLEM">NO PROBLEM</option>
</td>

这是当有人选择“添加新别名”时执行的脚本

<script>
function submitResolution(str) {
  console.log(str);  
  if (str =="nightmareAlias.php") {

      document.getElementById("txtHint").innerHTML="";
      $("#txtHint").load(str);
      return;     
  }
}
</script>

现在 - 这工作得很好。当有人选择“添加新别名”时，他们将被重定向到 nightAlias.php 页面。当该页面加载时，我需要找到一种方法，不仅要submit(this.value)，还要提交该人在表格上的行的lineID正在行动。

我如何传递这个值？

Answer 1

<select name="resolution[]" class="inputbox" data-lineid="<?= $lineID ?>" onchange="submitResolution(this)">                              
    <option value=""></option>
    <option value="nightmareAlias.php">ADD NEW ALIAS</option>
    <option value="NO PROBLEM">NO PROBLEM</option>
</select>

您需要使线路 ID 可用，我已将其作为属性包含在选择标记中。然后将 this 作为参数而不是 this.value 传递，以便您可以访问整个对象。

<script>
    function submitResolution(sel) {
        console.log(sel);  
        if (sel.value === "nightmareAlias.php") {
            document.getElementById("txtHint").innerHTML="";
            $("#txtHint").load(sel.value + '?lineID=' + $(sel).data('lineid'));
            return;     
        }
    }
</script>

然后将查询参数添加到 URL。您需要在 nightAlias.php 中处理 lineID 的 GET 请求。

请注意使用 === 而不是 ==，将 JavaScript 和 HTML 进一步分离也是值得的。对于您在这里尝试执行的操作，我可能会使用 .change()