如何处理数组和表单（PHP 和 JQuery）？

Question

我有一个 MySQL 数据库表，它的每一行都有一个唯一的 ID 标识符：

id       text        cat
4        abc         1
233      bbb         2
45       efa         1

使用 PHP，我展示了一个 HTML 表格，您可以在其中看到 TEXT 和 CAT 字段。 表格的每一行都使用“while”循环显示。 如您所见，我还将 ID 存储在数组 $val 中。

    <?php
    ....
    $val = array();
    while($objResult = mysql_fetch_array($objQuery)){
    $val[] = $objResult["id"];
    ?>
    <table>
     <tr>
      <td><?php echo $objResult["text"];?></td>
      <td><?php echo '<a href="#" id="open">'.$objResult["cat"].'</a>';</td>
     <tr>
     <?php
      }
     ?>
    </table>

现在是棘手的部分。 使用 JQuery，我希望能够单击 html 表中的 CAT 单元格并打开一个对话框窗口，我可以在其中更改 CAT 的值。 这是表格：

<form action="modcat.php" method="POST" id="modcat">
    <table>
        <tr>
            <td>
                <select id="cat">
                    <option value="a">a</option>
                    <option value="b">b</option>
                    <option value="c">c</option>
                </select>
                <input type="hidden" name="val" value="<?php
                for ($i = 0; $i < 1000; $i++) {
                    echo $val[$i];
                }
                ?>">
            </td>
        </tr>
    </table>
</form>

<script>
    $(document).ready(function () {
        $("a#open").click(function () {
            $('#finestra').dialog("open");
            return false;
        });
        $('#finestra').dialog({
            modal: true,
            autoOpen: false,
            buttons: [{
                    text: "modifica",
                    click: function () {
                        submitform();
                        $(this).dialog("close");
                    }
                }, {
                    text: "annulla",
                    click: function () {
                        $(this).dialog("close");
                    }
                }]
        });
        function submitform() {
            $('#modcat').submit();
        }
    });
</script>

如您所见，我正在尝试向表单发送 ID 的相应值（通过隐藏输入）。 事实证明，我将数组 $val 中所有表的所有 ID 放在一起。 我怎样才能将选择的表单发送到表单？

Answer 1

你可以将id添加到html的某个地方，在click函数中检索它，并在提交之前将它添加到表单中。

在这里，我将 id 添加为数据属性，我还将 a 元素上的 id 更改为类，因为您呈现的 html 将包含多个 a 元素，并且 id 应该是唯一的

while($objResult = mysql_fetch_array($objQuery)):?>

   <table>
     <tr>
      <td><?= $objResult['text'];?></td>
      <td>
          <a href="#" class="open" data-id="<?=$objResult['id'];?>">
              <?=$objResult['cat'];?>
          </a>
      </td>
     <tr>
   </table>
<?php endwhile;

对于表单，不要预先填充隐藏字段，只需给它一个 id 以便在 js 中定位：

<form action="modcat.php" method="POST" id="modcat">
    <table>
        <tr>
            <td>
                <select id="cat">
                    <option value="a">a</option>
                    <option value="b">b</option>
                    <option value="c">c</option>
                </select>
                <input type="hidden" name="val" id="hidden-id">
            </td>
        </tr>
    </table>
</form>

然后在你的 js 中更新 data 属性的值：

$(document).ready(function () {
    $("a.open").click(function () {
        var clickedLink = $(this); //get clicked link
        var id = clickedLink.data('id'); //extract id from data attribute
        $('#hidden-id').val(id); //update hidden field value with id
        $('#finestra').dialog("open");
        return false;
    });
    ...