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

-1

所以我有两个问题，我的下拉菜单;第一个问题是我需要多个选项来隐藏或显示下面的下拉菜单。多个下拉选择禁用其他下拉菜单和选项

每个下拉菜单选项都有多个任务，例如将图像加载到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和他们自己的代码到跨度中。
我已经能够用一个值实现这一点，但不能获得多个值。

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

Here is my Fiddle thus far

来源

2016-05-25 Angry Aonghus

我是正确时，例如，你选择Model = FP209，要禁用一些在玻璃厚度下拉菜单中的选项？

我刚刚添加了这4行，因此当您选择FP209型号时，它将删除玻璃厚度下拉菜单中的第三个选项。在此之前，它会显示以前隐藏的所有选项。当您有多个项目将被隐藏/显示时，这会很有帮助。

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

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

来源

2016-05-25 15:00:23 K48

这对我的第二个问题看起来不错。有没有办法隐藏多个选项？例如，如果我选择了FP209，并且我想隐藏某些硬件结束，如选项2,4和6. 另外，您的代码中有if（this.value ==“FP209”）。是否有可能做类似... ==“FP209，LP204”）？ –

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

回答

相关问题