• 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>
  • 相关阅读:
    day3---字符串的索引与切片
    day4---int bool str之间相互转换
    day3---数据类型整体分析
    day2---while else
    day2---运算符
    day2---格式化输出
    ES6-04 Promise设计 类 模块
    jquery02-效果动画
    jquery01-基础使用
    bootstrap-03 常用重要组件(2)
  • 原文地址：https://www.cnblogs.com/simhare/p/877569.html
Copyright © 2020-2023  润新知