JS实现表单根据下拉框内容来判断右边表格内容是只读还是可以选择下拉框内容

我是一名做项目管理的实施人员，现在正在做一个发文拟稿的表单，表单中有两个字段的关联性不知道该如何实现，字段密级这是个下拉框选择(内部事项，内部资料，商密二级，商密一级)这四个选项，另外一个字段是保密期限，现在要实现的功能是，选择密级中的内部事项和内部资料时，保密期限为只读状态，但是选择商密二级，商密一级时，保密期限可以有下拉选择。求解！

解决方案 »

  1.   


    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>_</title>
    <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    </head>
    <body>
    A:<select id="a">
    <option value="1">11111</option>
    <option value="2" dis="true">2</option>
      </select>
    B:<select id="b">
    <option value="3">333333333333</option>
    <option value="4">444</option>
    <select>
    </body>
    <script type="text/javascript">
    $(function(){
    $("#a").change(function(){
    var disable = $(this).find("option:selected").attr("dis");
    if(disable == "true"){
    $("#b").attr("disabled", disable);
    }else{
    $("#b").removeAttr("disabled");
    }
    });
    });
    </script>
    </html>
      

  2.   

    要隐藏的项加个dis="true"