php - 点击时动态添加输入，但有一个 while 循环

Question

我的表单中有一个 while 循环

<?php
        <select>
        while($select = $sql->fetchObject())
        {
        $name=$select->name;
        $alt = $select->alt;
        echo "<option value='".$alt."'>".$name."</option>";
        }
        </select>
?>
<div id='new_name'>Add Name</div>

我想知道如何使用 jquery 在点击时动态添加一个新的选择选项(与 while 循环中的选项相同)，如果有 php，我会如何做这样的事情？

非常感谢!

Answer 1

PHP 代码在服务器端运行，而 jQuery 是 JavaScript，因此在客户端运行，因此 PHP 代码不会影响 jQuery。从服务器返回的只是一个纯HTML元素。因此你可以使用 jQuery 的 .clone()复制所选内容。

$('select').clone().appendTo('form');

由于您没有指定要单击的内容来添加复制的选择，因此我将仅举一个示例来说明其外观:

$("#my-id-to-click-on").click(function(){
    $('select').clone().appendTo('form');
});

注意由于我对表单和输入中使用的类或 ID 一无所知，因此这些示例使用非常通用的选择器，如果您的 DOM 中有多个表单或多个选择，这将成为一个问题。我建议您将 ID 或类添加到表单和选择中，然后使用它们进行选择。这样它就会更加防弹。

您可能还需要添加 if 语句以确保仅在您第一次单击时复制所选内容。如果这就是您希望它的行为方式。