Question

我想知道是否有人知道如何删除您在多个下拉菜单中所做的选择。

我不知道你是否可以通过下拉菜单来完成它，也许我需要datalist或其他东西。

但我的意思是我有6个下拉菜单就像这样 dropdown menu's

我做了所以你有1 - 6但是如果我在第一个中选择3号，我怎么能在第二个菜单中删除它，或者让它看不见。

我在我的多个项目中遇到过这个问题，但从来不知道如何解决它。

菜单的代码1

<select name="getal" form="enquete" />

  <?php
    for($i=1; $i<=5; $i++)
    {
      echo "<option value=".$i.">".$i."</option>";
    }
  ?> 
</select>

Answer 1

假设您有2个选项选择项目如下：

<select name="getal" form="enquete" class="selectmenu"/>
<?php
      for($i=1; $i<=5; $i++)
    {
      echo "<option value=".$i.">".$i."</option>";
    }
?> 
</select>
<select name="getal2" form="enquete" class="selectmenu"/>
<?php
  for($i=1; $i<=5; $i++)
  {
    echo "<option value=".$i.">".$i."</option>";
  }
?> 
</select>

你可以添加2个jquery选择器 - 它们可以是动态的 - 我向你展示如何使用2个下拉列表：

var $drop1 = $("#geta1");
var $drop2 = $("#geta2");

创建一个函数来对下拉列表1的更改作出反应（同样，你可以在点击的每一个上面执行此操作）：

$drop1.change(function() {
    var selectedItem = $(this).val();
    if (selectedItem) {
        $drop2.find('option[value="' + selectedItem + '"]').remove();
    }
});

我们只是删除选项，如果您希望再次更改时可以重新添加它们。创建一个数组并遍历选项，如果不存在，则附加缺少的选项。

这是你想要做的吗？

Answer 2

 $("#drop1").change(function () {
        var d1 = this.value;
        if(d1==3)
        {
        $('#drop3').hide();
        }
    });

如何删除多个下拉菜单中的选项

2 个答案: