zoukankan      html  css  js  c++  java
  • 5.23BOM

      昨天的家庭作业有一道是关于星座的,自己研究了挺久之后还是卡在了一个地方——不知道怎么将两个列表联系在一块儿去。老师讲解完之后,发现自己进入了一个误区——我以为左边列表的数据是右边列表的数据的索引值,实则不是,两个列表就是凭借相同的索引值而联系在一起的。

    answer:

    <select id="s1">
    <option>白羊座</option>
    <option>金牛座</option>
    <option>双子座</option>
    <option>巨蟹座</option>
    <option>狮子座</option>
    <option>处女座</option>
    <option>天秤座</option>
    <option>天蝎座</option>
    <option>射手座</option>
    <option>摩羯座</option>
    <option>水瓶座</option>
    <option>双鱼座</option>
    </select>
    <br />

    <select id="s2">
    <option>3.21-4.19</option>
    <option>4.20-5.20</option>
    <option>5.21-6.21</option>
    <option>6.22-7.22</option>
    <option>7.23-8.2</option>
    <option>8.22-9.22</option>
    <option>9.23-10.23</option>
    <option>10.24-11.22</option>
    <option>11.23-12.21</option>
    <option>12.22-1.19</option>
    <option>1.20-2.18</option>
    <option>2.19-3.20</option>

    </select>


    <script>
    //(两边的索引值是相同的)
    var s1 = document.getElementById("s1");
    var s2 = document.getElementById("s2");
    s1.onchange = function () {
    //s1.selectedIndex(被选择位置的索引值)
    var s1_slt = s1.selectedIndex;
    s2.options[s1_slt].selected = true;
    }

    </script>

    BOM

    alert是window里面的,不是document里的
    window.setTimeout(延时发生某事,只发生一次),1000ms=1s;
    window.setInterval(隔段事件发生某事,发生多次),清除用clearInterval;

  • 相关阅读:
    document.compatMode的CSS1compat
    js自运行函数
    Sublime Text 3 入门(插件控制台安装)
    javascript 面向对象技术
    jQuery ui 中文日历
    js给数字加三位一逗号间隔的两种方法(面试题)
    android eclipse集成环境
    中科红旗倒下,谁来挑战windows
    在网站制作中随时可用的10个 HTML5 代码片段
    IE6/IE7中li底部4px的Bug
  • 原文地址:https://www.cnblogs.com/niez1/p/6894538.html
Copyright © 2011-2022 走看看