Question

只想询问是否可以在我的问题中使用PHP，所以在这里。我正在制作一个简单的搜索代码，其中用户将搜索例如“John”，现在许多John将出现在桌子上。在每一行中都会有一个名为“添加到列表”的按钮。如果用户单击添加按钮，John的详细信息将被放入选择的多个内容中。

<select multiple class="form-control">
    <option>John</option>
    <option>Kevin</option>
</select>

现在，如果我点击另一个例如“凯文”，它将变成......

<select multiple>

一旦填充了选择倍数，我将打印它（现在是另一个故事）。所以基本上我的问题是如何通过按“添加”按钮将值添加到{{1}}并获取选择多个内容中的选项ID以进行检索？我想我的问题很复杂，我很抱歉我的英语不好。我已经尝试过，为了，做什么，虽然但我似乎无法得到逻辑。我希望你理解，非常感谢你！

Answer 1

我们可以使用jQuery，因此在点击/选择名称/按钮时，页面不会重新加载。

示例代码：

<!-- HERE ARE THE LIST OF NAMES TO BE ADDED IN THE SELECT FIELD -->
<table>
    <tr>
        <td>Kevin</td>
        <td><button class="names" value="Kevin">Add to List</button></td>
    </tr>
    <tr>
         <td>John</td>
         <td><button class="names" value="John">Add to List</button></td>
    </tr>
</table>

<!-- AND HERE IS THE SELECT FIELD THAT YOU WANT TO BE POPULATED -->
<select multiple class="form-control" id="select-names">
    <option disabled selected>Select first from the table of names</option>
</select>

我们必须创建一个脚本，当选择一个按钮时，它将被添加到<select>字段。你必须先下载jQuery here。

<script src="jquery-1.9.1.min.js"></script> <!-- REPLACE NECESSARY FILE DEPENDING ON THE VERSION OF jQuery YOU HAVE DOWNLOADED -->
<script type="text/javascript">

  $(document).ready(function(){ /* PREPARE THE SCRIPT */
    $(".names").click(function(){ /* WHEN A BUTTON IS CLICKED */
        var names = $(this).val(); /* GET THE VALUE OF THAT BUTTON */
        $(this).closest("tr").fadeOut(200).hide(); /* HIDE THIS ROW */

        var newOption = $('<option></option>'); /* CREATE AN OPTION */
        newOption.val(names); /* SET THE VALUE OF THIS OPTION WITH THE VALUE OF THE SELECTED NAME */
        newOption.html(names); /* SET THE CONTENT OF THIS OPTION */
        $("#select-names").append(newOption); /* APPEND THIS OPTION TO THE SELECT FIELD */

    });
  });

</script>

如果您需要证明，请查看此JSfiddle。

但是，如果您还想要数据库交互，请发布数据库结构，解释架构并为我们提供更多您正在处理的代码。

PHP为<select multiple =“”> </select>添加选项

1 个答案: