select Control

来源:互联网 发布:lee淘宝上是不是真的 编辑:程序博客网 时间:2024/06/10 12:23

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>新しいページ 3</title>
</head>

<script language="javascript">
    function vClass() {
        this.xi = "";
        this.nm = "";
    }
   
    var lstClass = new Array();
    var i=0;
    var n=0;
    for(i=0;i<3;i++){
        for(n=0;n<4;n++){
            lstClass[i*4+n] = new vClass();
            lstClass[i*4+n].xi = "x0" + (i+1);
            lstClass[i*4+n].nm = "0" + (i+1) + "系0" + (n +1) + "班";
        }
    }
   

    function changeClass(){
   
        var strXi = s1.value;
        var outerString = '<select name="s2" size="4" >';

        for(i=0;i<lstClass.length;i++){
            if(lstClass[i].xi == strXi){
                outerString = outerString + '<option>' + lstClass[i].nm + '</option>';
            }
        }
        s2.outerHTML = outerString + "</select>";
    }
</script>

<body>

    <table>
        <tr>
            <td>
                <select name="s1" onChange="changeClass()" size="4" >
                    <option value="x01">01系</option>
                    <option value="x02">02系</option>
                    <option value="x03">03系</option>
                </select>
            </td>
            <td>
                <select name="s2" size="4" >
                    <option>01系01班</option>
                    <option>01系02班</option>
                    <option>01系03班</option>
                    <option>01系04班</option>
                </select>
            </td>
        </tr>
    </table>

</body>

</html>
the other:

<HTML> 
<HEAD> 
<TITLE>  emu  </TITLE> 
<SCRIPT  LANGUAGE="JavaScript"> 
<!-- 
function  exchange(v){ 
           elm1=document.getElementsByName("s1")[v]; 
           elm2=document.getElementsByName("s1")[1-v]; 
           for  (var  i=elm1.length-1;i>-1;i--){ 
                       op=elm1.options[i]; 
                       if  (op.selected){ 
                                   elm2.options[elm2.length]=new  Option(op.text,op.value); 
                                   elm1.options[i]=null; 
                       } 
           } 

//--> 
</SCRIPT> 
</HEAD> 
 
<BODY> 
<select  size=10  name=s1  style="width:100"  multiple> 
<option>test0</option> 
<option>test1</option> 
<option>test2</option> 
<option>test3</option> 
<option>test4</option> 
<option>test5</option> 
<option>test6</option> 
<option>test7</option> 
<option>test8</option> 
<option>test9</option> 
</select> 
<select  size=10  name=s1  style="width:100"  multiple></select> 
<BR>  &nbsp;  &nbsp;  &nbsp; 
<input  type=button  value=">>"  onclick="exchange(0)">  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp; 
<input  type=button  value="<<"  onclick="exchange(1)"> 
</BODY> 
</HTML> 

原创粉丝点击