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

Question

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

我不知道你是否可以使用下拉菜单来做到这一点，也许我需要数据列表或其他东西。

但我的意思是我有例如 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();
        }
    });