javascript选项功能笔记1

主要实现选择选项功能.

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>








<script type="text/javascript">
	var arr = new Array(3);
	//arr[1]=1;
	///arr[2]=2;
	///arr[3]=3;

	arr["a"] = "a";
	arr["b"] = "b";
	arr["c"] = "c";

	for ( var i in arr) {
		//	alert(arr[i]);
	}
</script>
<script type="text/javascript">
	function chekAll(flag) {
		var lieks = document.getElementsByName("like");
		for ( var i = 0; i < lieks.length; i++) {

			lieks[i].checked = flag;
		}

	}

	function recheck() {
		var likes = document.getElementsByName("like");
		for ( var i = 0; i < likes.length; i++) {
			likes[i].checked = !likes[i].checked;
		}
	}
</script>

<script type="text/javascript">
	//初始化数据
	var s = new Array(3);
	s["广东"] = [ "广州", "佛山市", "深圳市" ];
	s["广西"] = [ "柳州", "玉林", "桂林" ];
	function selectcity() {
		var first = document.getElementById("first");
		var second = document.getElementById("second");
		//alert(s[first.value]);
		second.options.length=0;
		//1.获取用户选择的城市
		//2.把城市添加到下拉框
		var city = s[first.value];
		for ( var i in city) {
			var opt = new Option(city[i], city[i]);
			second.add(opt);
		}
	}
</script>




	全选   |
	全不选   |
	反选
	

	 苹果
	

	HTC
	

	LG
	
 省:
	

	--请选择--广东省广西省
	 市:
	--请选择--