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