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>  
  • 相关阅读:
    【LeetCode】17. Letter Combinations of a Phone Number
    【LeetCode】16. 3Sum Closest
    【LeetCode】15. 3Sum 三个数和为0
    【LeetCode】14. Longest Common Prefix 最长前缀子串
    【LeetCode】13. Roman to Integer 罗马数字转整数
    【LeetCode】12. Integer to Roman 整型数转罗马数
    【LeetCode】11. Container With Most Water
    【LeetCode】10. Regular Expression Matching
    Models of good programmer
    RSA Algorithm
  • 原文地址：https://www.cnblogs.com/mfryf/p/3088881.html
Copyright © 2011-2022 走看看