将下拉选项与javascript进行比较

我有以下下拉选项的表格。 我想要一个脚本，当用户从第一个框中选择U18ft时，只有前4个选项可用，如果选择O18ft，则最后3个选项可用，如果选择N/a，则仅可用

或者，如果他们选择了一个组合，它会标记为无法完成

<tr>
                <td>Veh Length:</td>
                 <td>
                    <select name="length" id="length">
                        <option value="N/A"> N/A
                        <option value="U18ft"> Under 18ft
                        <option value="O18ft"> Over 18ft
                    </select>
                 </td>
                 <td>Select pitch type:</td>
                 <td>
                    <select name="type" id="type">
                        <option value="Premier"> Premier
                        <option value="Standard"> Standard
                        <option value="Delux"> Delux
                        <option value="Wilderness"> Wilderness
                        <option value="Standard_super"> Super Standard
                        <option value="Delux_super"> Super Delux
                        <option value="Premier_super"> Super Premier
                     </select>
                 </td>
</tr>

车辆长度：
不适用
18英尺以下
超过18英尺
选择节距类型：
总理
标准
骗局
荒野
超标准
超级消光
超级总理

您需要使用id=“length”将onChange事件附加到上，并且根据其值，您可以有一个开关盒，用于确定要在其他下拉列表中填充的值

Jquery中的示例事件处理程序：

 $('#length').change(function(){
     var selection= $("#length" ).val();
   //switch case on "selection" variable's value 
});

---

这是一个简单的例子

window.addEventListener（'change'，函数（e）{
//e、 目标
如果（e.target.id==“长度”）{
切换类型（e.target.options[e.target.selectedIndex].value）；
}
});
功能切换类型（lth）{
var sct=document.getElementById（“类型”）；
var ons=sct.options.length；
对于（i=0；i=3）{
sct.options[i].style.display=“inline”；
sct.options.selectedIndex=4；
}
否则{
sct.options[i].style.display=“无”；
}
}
}
}
切换类型（“不适用”）

车辆长度：
不适用
18英尺以下
超过18英尺
选择节距类型：
总理
标准
骗局
荒野
超标准
超级消光
超级总理
告诉我们您尝试了什么，甚至不知道从哪里开始尝试和出错。首先学习下拉列表的
onchange
事件，以及如何在JS中使用它。然后可以通过
.value
属性等
$（“#length”）.val（）==此.value