dom习题复习和讲解

最新推荐文章于 2023-04-29 17:45:14 发布

weixin_30319153

最新推荐文章于 2023-04-29 17:45:14 发布

阅读量108

点赞数

原文链接：http://www.cnblogs.com/liuyubin0629/p/6891452.html

版权

　　今天没有学习新的知识点，主要是把习题做了一遍，老师讲解了一下。下面是习题的讲解：

　　左右两个下拉框相互移动：

　　首先body里面：

　　</select>

　　<input type="button" id="btn" value=">>>" />
　　<input type="button" id="btn1" value="<<<" />
　　<select id="set" style="width:100px;height:100px" size="7">
　　<option id="d1">678</option>
　　<option>890</option>

　　</select>
　　</body>

　　然后是script里面：

　　<script>
　　var slt = document.getElementById("slt");
　　var set = document.getElementById("set");
　　var btn = document.getElementById("btn");

　　btn.onclick = function () {

　　var opt = slt.selectedOptions[0];
　　var value = opt.innerText;
　　set.appendChild(opt);

　　}

　　btn1.onclick = function(){
　　var opt1 = set.selectedOptions[0];
　　var value = opt1.innerText;
　　slt.appendChild(opt1);

　　}
　　</script>

　　还有一个很重要的就是如果点了条款才能点选择：

　　首先body里面：

　　然后是script里面：

　　<script>
　　var ckb = document.getElementById("ckb");
　　var btn = document.getElementById("btn");
　　ckb.onchange = function(){
　　var status = ckb.checked;
　　if(status == true){
　　btn.removeAttribute("disabled");
　　}else{
　　btn.setAttribute("disabled","disabled");
　　}
　　}
　　</script>

　　还有一个题需要消化一下，等我弄懂了再打一次，好好琢磨琢磨一下。

转载于:https://www.cnblogs.com/liuyubin0629/p/6891452.html