Question

我目前有一个带有葡萄列表的多重选择（超过500个条目）。为了使其更加用户友好，我想创建添加和删除下拉列表的选项，用户可以从中选择一瓶葡萄酒中的葡萄。

我可以找到很多处理这个的网站，但只有文本字段，而且大多数是用JQuery编写的（例如这一个：https://www.sanwebe.com/2013/03/addremove-input-fields-dynamically-with-jquery）。我不熟悉JQuery，但似乎这是我的解决方案的方法。我可以使用本网站的代码并将其更改为下拉列表，但我无法弄清楚如何填充它。

有人可以帮我解决这个问题，还是指出我正确的方向？

当前的多重选择如下所示：

<select multiple="multiple" size="15" name="SelectGrapes[]" style="width: 60em;">
    <option value = "">Unknown</option>
    <?php
    $querygrapes = 'SELECT ID, Name FROM grape WHERE name NOT IN ("DUMMY") ORDER BY Name ASC'; 
    $db = mysqli_query($link, $querygrapes);
    while ( $queryresult=mysqli_fetch_assoc($db)) {
    echo '<option value="'.$queryresult['ID'] . '" >'.$queryresult['Name'].' '. '</option>';
    } ?>  
</select>

非常感谢， Greggy

Answer 1

https://select2.github.io/

使用select2。它有丰富的解释，肯定会帮助你解决问题。

修改

基本上你只需下载并放入css和js然后执行此操作

<select multiple="multiple" class="js-example-basic-multiple" size="15" name="SelectGrapes[]" style="width: 60em;"> <option value = "">Unknown</option> <?php $querygrapes = 'SELECT ID, Name FROM grape WHERE name NOT IN ("DUMMY") ORDER BY Name ASC'; $db = mysqli_query($link, $querygrapes); while ( $queryresult=mysqli_fetch_assoc($db)) { echo '<option value="'.$queryresult['ID'] . '" >'.$queryresult['Name'].' '. '</option>'; } ?> </select>

<强> SCRIPT

<script type="text/javascript"> $(".js-example-basic-multiple").select2(); </script>

注意选择标记上的类 Goodluck

添加/删除下拉列表（php＆amp; jquery）

1 个答案: