多個下拉選擇禁用其他下拉菜單和選項

-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」）？ –

多個下拉選擇禁用其他下拉菜單和選項

回答

相關問題