zoukankan      html  css  js  c++  java

  • 一次项目管理交流会总结

    出自：http://blog.csdn.net/lu_yongchao/article/details/8908242

    Html dom 是指在w3c规范出现之前，各个浏览器支持的一些dom操作。
    1，Select对象。

     属性

      a,selectedIndex:用户选择的选项的下标，下标从0开始

      b,length:    获取或者设置选项的个数
      c,options:   返回一个数组，数组元素是Option对象
     2，Options对象

     属性：

    a,text:选项的文本内容

     b,value:选项的値

     c,selected:  当该选项被选上，值为true，否则为false

     小知识：创建一个Option对象

    [html] view plaincopy
     
    1. var op=new Option(text,value);  

    我写的一个级联下拉列表：

    代码如下：

    [html] view plaincopy
     
      1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
      2. <html>  
      3. <head>  
      4. <style>  
      5. #d1 {  
      6.      400px;  
      7.     height: 250px;  
      8.     background-color: #FFE4B5;  
      9.     margin: 40px auto;  
      10. }  
      11. #d1_head {  
      12.     color: white;  
      13.     font-size: 20px;  
      14.     font-family: "Arial";  
      15.     height: 24px;  
      16.     background-color: bule;  
      17. }  
      18. #d1_content {  
      19.     padding-left: 30px;  
      20.     padding-top: 30px;  
      21. }  
      22. </style>  
      23. <script src="prototype-1.6.0.3.js"></script>  
      24. <script type="text/javascript">  
      25.     function doAction(index) {  
      26.         var arr = new Array;  
      27.         arr[0] = [ new Option('--研究方向--', '-1') ];  
      28.         arr[1] = [ new Option('商务英语', 'english1'),  
      29.                 new Option('英美文学', 'english2') ];  
      30.         arr[2] = [ new Option('网格计算', 'computer1'),  
      31.                 new Option('计算机软件', 'computer2'),  
      32.                 new Option('图形计算', 'computer3') ];  
      33.         $('s2').innerHTML = '';  
      34.         for (i = 0; i < arr[index].length; i++) {  
      35.             $('s2').options[i] = arr[index][i];  
      36.         }  
      37.     }  
      38. </script>  
      39. </head>  
      40. <body style="font-size:30px;">  
      41.     <div id="d1">  
      42.         <div id="d1_head">专业选择</div>  
      43.         <div id="d1_content">  
      44.             <form>  
      45.                 <select naem="s1" id="s1" style="120px;"  
      46.                     onchange="doAction(this.selectedIndex);">  
      47.                     <option value="-1">--专业--</option>  
      48.                     <option value="english">--英语--</option>  
      49.                     <option value="computer">--计算机--</option>  
      50.                 </select> <select name="s2" id="s2" style="120px;">  
      51.                     <option value="-1">--研究方向--</option>  
      52.                 </select> <input type="submit" value="确认" />  
      53.   
      54.             </form>  
      55.   
      56.         </div>  
      57.     </div>  
      58. </body>  
      59. </html>  
  • 相关阅读:
    [Java123] JDBC and Multi-Threading 多线程编程学习笔记
    3：2D装换 [ 重点 ]
    2：属性选择器 + 结构伪类选择器 + 伪元素
    1：新增 H5 常用属性
    day2
    代码实操第一天
    1 滑动门
    css高级技巧
    11：网页布局总结
    10：定位
  • 原文地址：https://www.cnblogs.com/mfryf/p/3088881.html
Copyright © 2011-2022 走看看