添加/删除下拉列表(php &jquery) - Add/remove drop down lists (php & jquery)

Add/remove drop down lists (php & jquery)

我目前有一个葡萄列表(超过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

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

注意select标签上的类 Goodluck