码迷,mamicode.com
首页 > 其他好文 > 详细

dom实例

时间:2017-09-26 22:21:49      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:app   logs   set   必须   select   option   value   sharp   span   

1.实现在select下拉选项中添加和删除

<body>
		<input type="text" id="r1"   />
		<input type="button" value="添加" id="btn1"/>
		<select id="s1" size="7">
			
			
		
			
		</select>
		<input type="button" value="删除" id="btn2" />
		
	</body>
</html>
<script type="text/javascript">
	var r1=document.getElementById("r1")
	var btn1=document.getElementById("btn1")
	var s1=document.getElementById("s1")
	var btn2=document.getElementById("btn2")
	btn1.onclick=function(){
//		创造的元素名必须是option
		var newoption=document.createElement("option")
		newoption.innerHTML=r1.value
		s1.appendChild(newoption)
		
	}
	btn2.onclick=function(){
        s1.removeChild(s1.selectedOptions[0])
	                                                                                

}

       1.创造新元素是创建的元素类型写标签的名字 不是写自己命名的

        2.添加select的子标签option 时用appenChild

2.实现选择chekbox 后 按钮才能使用

<body>
		<input type="checkbox" id="ckb1" />
		<input type="button" id="btn1" value="下一步" disabled="disabled" />
	</body>
</html>
<script>
	var ckb1 = document.getElementById("ckb1");
	var btn1 = document.getElementById("btn1");
	
	ckb1.onclick = function(){
		if(ckb1.checked){
			btn1.removeAttribute("disabled");
		}else{
			btn1.setAttribute("disabled","disabled");
		}
	}

  

 

dom实例

标签:app   logs   set   必须   select   option   value   sharp   span   

原文地址:http://www.cnblogs.com/lxzwhite/p/7598952.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!