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

Question

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

我不知道您是否可以使用下拉菜单进行操作，也许我需要数据列表或其他内容。

但我的意思是我有例如6下拉菜单中的这样的下拉菜单中的

我做到了，所以您有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();
        }
    });