Question

所以我的下拉菜单有两个问题;第一个问题是我需要多个选项来隐藏或显示以下下拉菜单。

每个下拉菜单选项都有多个任务，例如将图像加载到div中并将模型编号提供给跨度。该行动受期权价值的控制。

我还需要drop = down中的各种选项来隐藏或显示基于其各自值的下拉列表。

以下是我目前的下拉菜单：

<select name="GlassType" id="GlassType">
  <option value="">Select Option</option>
  <option value="CL">Clear</option>
  <option value="FR">Clear Frosted</option>
  <option value="CT">Clear Textured</option>
  <option value="LI">Low Iron</option>
  <option value="LF">Low Iron Frosted</option>
  <option value="LT">Low Iron Textured</option>
</select>

附加到这些选项的值链接到将自己的图像显示为div并将自己的代码显示在span中。我能用一个值来实现这个目标，但不是多个值。

我的第二个问题是我需要其中一半来禁用选项，而不是菜单，在第3个下拉菜单中。我还没有找到解决方案。

Here is my Fiddle thus far

Answer 1

我是否更正，例如，当您选择Model = FP209时，您想要禁用Glass Thickness下拉列表中的某些选项？

我刚刚添加了这4行，所以当你选择型号FP209时，它会删除Glass Thickness下拉列表中的第三个选项。在此之前，它将显示所有以前隐藏的选项。当您有多个要隐藏/显示的项目时，这将非常有用。

list.onchange = function() {
ModelSerial.innerHTML = this.value;

if (this.value == "FP209") {
    $("#GThickness option").show();
    $("#GThickness option:nth-of-type(3)").hide();
}

多个下拉菜单选项禁用其他下拉菜单和选项

1 个答案: