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

最新推荐文章于 2023-11-17 10:09:20 发布

原创最新推荐文章于 2023-11-17 10:09:20 发布 · 498 阅读

1 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

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

// 默认选中第二个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");
    }
});