• js代码控制dropdownList


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd"
    >

    <html>

    <head>
    <title></title>
    <script language="JavaScript" type="text/javascript">
    <!--

    // by Vic Phillips http://www.vicsjavascripts.org.uk

    // elements in the form are numbered from the top 0 to 
    //
     The select option value specifies the element numbers to disable separated by '^'

    function Select(f,s){
    el
    =f.elements;
    for (i=0;i<el.length;i++){
    // el[i].style.visibility='visible';
    el[i].removeAttribute('disabled');
    }

    if (s.selectedIndex<1)return; }
    selop
    =s.options[s.selectedIndex].value.split('^');
    for (i=0;i<selop.length;i++){
    if (el[selop[i]]){
    // el[selop[i]].style.visibility='hidden';
    el[selop[i]].setAttribute('disabled','disabled');
    }

    }

    }


    function Radio(f,s){
    el
    =f.elements;
    for (i=0;i<el.length;i++){
    // el[i].style.visibility='visible';
    el[i].removeAttribute('disabled');
    }

    if (s.selectedIndex<1)return; }
    selop
    =s.value.split('^');
    for (i=0;i<selop.length;i++){
    if (el[selop[i]]){
    // el[selop[i]].style.visibility='hidden';
    el[selop[i]].setAttribute('disabled','disabled');
    }

    }

    }


    //-->
    </script></head>

    <body>
    <form >
    <select name="" size="1" onchange="Select(this.form,this);">
    <option value=" ">Select</option>
    <option value="1">Hide TB1</option>
    <option value="1^3">Hide TB1 & 3</option>
    <option value="2^3^4">Hide TB2,3,4</option>
    <option value="">Hide None</option>
    </select>
    <input name="" size="10" value="123">
    <input name="" size="10" value="234">
    <input name="" size="10" value="345">
    <input name="" size="10" value="456">
    <input type="radio" name="fred" value="1" onclick="Radio(this.form,this);">
    <input type="radio" name="fred" value="1^3" onclick="Radio(this.form,this);">
    <input type="radio" name="fred" value="2^3^4" onclick="Radio(this.form,this);">
    <input type="radio" name="fred" value="" onclick="Radio(this.form,this);"><br>

    </form>
    </body>

    </html>


     <select name="first" id="first" onchange="if(this.value == 'no') document.getElementById('sec').disabled=true; else document.getElementById('sec').disabled=false;">
                
    <option value="yes">Yes</option>
                
    <option value="no">No</option>
            
    </select>
            
    <br /><br />
            
    <select name="sec" id="sec">
                
    <option value="yes">Yes</option>
                
    <option value="no">No</option>
            
    </select>
  • 相关阅读:
    Linux学习笔记(第一章)
    C#中的抽象类有什么好处?究竟它是用来干事什么的呢?
    C#中的 增 、删、 改、 查功能
    在Visual C#中用ListView显示数据记录
    10.14JDBC之数据库连接池之C3P0
    10.19JDBC之使用C3P0连接池重新实现JDBCUtils方法
    10.12JDBC之DAO实现类的优化
    10.13JDBC之数据库连接池
    RhinoMock入门(3)——4种Mock类型
    wse说谈(3)——策略,用户令牌
  • 原文地址:https://www.cnblogs.com/simhare/p/877569.html
Copyright © 2020-2023  润新知