select值控制另一个select是否可用

原创于 2020-08-24 14:47:56 发布 · 489 阅读

1 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用JavaScript实现网页中下拉框的默认选中项设置及通过一个下拉框的选择来控制另一个下拉框的可用状态。通过监听下拉框变化事件，动态调整目标下拉框的状态，实现页面元素间的交互与联动。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 默认选中第二个option
$("#ot_type")[0].selectedIndex = 1;

// 通过ot_type的值控制sp_type是否可用
$("#ot_type").change(function(){
    if($(this).children('option:selected').val() == '' || $(this).children('option:selected').val() == '2'){
        $("#sp_type").val('').attr("disabled","disabled");
    }
    if($(this).children('option:selected').val() == 1){
        $("#sp_type").removeAttr("disabled");
    }
});