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

 

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；