`
panenfei
  • 浏览: 7876 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论
收藏列表
标题 标签 来源
school选择控件 用jQuery做一个能够查看学校信息的下拉框
;(function($) {

$.fn.createUnivContextBox = function(options) {
	var content = '<div class="mod"><div class="head clearfix">'+
		'<h3>请选择学校所在的省市:<select class="province">'+
		'<option value="1">北京市</option><option value="2">天津市</option><option value="3">河北省</option><option value="4">山西省</option><option value="5">辽宁省</option><option value="6">吉林省</option><option value="7">上海市</option><option value="8">江苏省</option><option value="9">浙江省</option><option value="10">安徽省</option><option value="11">福建省</option><option value="12">江西省</option><option value="13">山东省</option><option value="14">河南省</option><option value="15">内蒙古自治区</option><option value="16">黑龙江省</option><option value="17">湖北省</option><option value="18">湖南省</option><option value="19">广东省</option><option value="20">广西壮族自治区</option><option value="21">海南省</option><option value="22">四川省</option><option value="23">重庆市</option><option value="24">台湾省</option><option value="25">贵州省</option><option value="26">云南省</option><option value="27">西藏自治区</option><option value="28">陕西省</option><option value="29">甘肃省</option><option value="30">青海省</option><option value="31">宁夏回族自治区</option><option value="32">新疆维吾尔族自治区</option><option value="33">香港特别行政区</option><option value="34">澳门特别行政区</option><option value="35">海外</option>'+ 
		'</select><input type="hidden" /></h3><div class="option"><a class="close" href="javascript:jQuery.hideAllContextBox();">关闭</a></div></div>'+
		'<div class="body clearfix"><div class="SchoolSelectorCtr">loading....</div><hr/><div class="pageNav"></div></div></div>';
	options['content'] = content;
	options['province_id'] = 1;
	options['school_type'] = 6;
	$(this).createContextBox(options);
	var context_box = this;
	$(this).next().find("input").val(options['school_type']);
	$(this).next().find("select").change(function(){
		$(context_box).changeProvinceOrPage($(this).val(),$(this).next().val(),1);
	});
	$(this).changeProvinceOrPage(options['province_id'],options['school_type'],1);
};

$.fn.changeProvinceOrPage = function(province_id, school_type,current_page) {
	var pageNav = $(this).next().find(".pageNav");
	var tableDiv = $(this).next().find(".SchoolSelectorCtr");
	var from = 45*(current_page-1);
	var to = 45*(current_page);
	var context_box = this;
	$.getScript("http://profile.blog.sohu.com/service/schoolJson.htm?prov="+province_id+"&cate="+school_type+"&st="+from+"&sz=45&vn=school_data",
		function(){
		  var data = school_data['data'];
		  var counter = 0;
		  var tbody = $("<tbody></tbody>");
		  var counter = 0;
		  var tr = $("<tr></tr>");
		  for( var i = 0; i < data.length; i++) {
			  if (i%3 == 0) tr = $("<tr></tr>");
			  var a = $("<a href='javascript:void(0);' name='"+data[i][0]+"'>"+data[i][1]+"</a>");
			  a.click(function(){
			  	  $("#"+context_box.attr("id").replace("school_name","school_id")).val($(this).attr("name"));
			  	  context_box.val($(this).text());
			  	  $.hideAllContextBox();
			  });
			  var td = $("<td></td>");
			  td.append(a);
			  tr.append(td);
			  if (i%3 == 2 || data.length - 1 == counter) {
			  	tbody.append(tr);
			  }
		  }
          var table = $("<table></table>").attr("cellspacing", 4).attr("cellpadding", 0).attr("border", 0).attr("width", "100%").append(tbody);
          tableDiv.html(table);
          //显示分页
		  var pg= parseInt(current_page,10);
       	  var total_pg = (school_data['count']/45)+((school_data['count']%45)>0?1:0);
       	  //每页显示7个
       	  var prev = "";
       	  var pages = [];
       	  var next = "";
       	  if (pg > 4) {
       	    prev = "<a name='"+(pg-1)+"' href='javascript:void(0);'>上一页</a>";
       	  }
       	  if (total_pg > 7 && pg+3<total_pg) {
       	    next = "<a name='"+(pg+1)+"' href='javascript:void(0);'>下一页</a>";
       	  }
       	  for (var i = (((pg-3)>0)?(pg-3):1); i <= ((total_pg>(pg+3))?(pg+3):total_pg); i++) {
       	 	if (pg == i) {
       	 		pages.push("<span>"+i+"</span>");
       	 	} else {
       	 		pages.push("<a name='"+i+"' href='javascript:void(0);'>"+i+"</a>");
       	 	}
       	 }
       	 pageNav.html(prev + pages.join('') + next);
       	 pageNav.find("a").click(function() {
       	 	$(context_box).changeProvinceOrPage(province_id,school_type,parseInt(this.name,10));
       	 });
	});
	return this;
};

})(jQuery);
二级联动 js 二级联动/三级联动select
<html>  
<head>  
<title>无标题文档</title>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
</head>  
<body bgcolor="#FFFFFF" text="#000000">  
<!-- 二级联动 Start -->  
<mce:script language="JavaScript"><!--   
var subcat = new Array();   
subcat[0] = new Array('10','1','=1')   
subcat[1] = new Array('10','2','=2')   
subcat[2] = new Array('10','3','=3')   
subcat[3] = new Array('10','4','=4')   
subcat[4] = new Array('10','5','=5')   
subcat[5] = new Array('10','6','=6')   
subcat[6] = new Array('10','7','=7')   
subcat[7] = new Array('10','8','=8')   
subcat[8] = new Array('10','9','=9')   
subcat[9] = new Array('10','10','=10')   
subcat[10] = new Array('20','11','=11')   
subcat[11] = new Array('20','12','=12')   
subcat[12] = new Array('20','13','=13')   
subcat[13] = new Array('20','14','=14')   
subcat[14] = new Array('20','15','=15')   
subcat[15] = new Array('20','16','=16')   
subcat[16] = new Array('20','17','=17')   
subcat[17] = new Array('20','18','=18')   
subcat[18] = new Array('20','19','=19')   
subcat[19] = new Array('20','20','=20')   
function changeselect1(locationid)   
{   
document.form1.s2.length = 0;   
document.form1.s2.options[0] = new Option('==请选择==','');   
for (i=0; i<subcat.length; i++)   
{   
if (subcat[i][0] == locationid)   
{document.form1.s2.options[document.form1.s2.length] = new Option(subcat[i][1], subcat[i][2]);}   
}   
}   
// --></mce:script>  
<form name="form1">  
二级联动:   
<select name="s1" onChange="changeselect1(this.value)">  
<option>==请选择==</option>  
<option value="10">1-10</option>  
<option value="20">11-20</option>  
</select>  
<select name="s2" onChange="alert(this.value)">  
<option>==请选择==</option>  
</select>  
</form>  
<!-- 二级联动 Over -->  
<!-- 三级联动 Start -->  
<mce:script language="JavaScript"><!--   
var subval = new Array();   
subval[0] = new Array('10','单数','1','=1')   
subval[1] = new Array('10','双数','2','=2')   
subval[2] = new Array('10','单数','3','=3')   
subval[3] = new Array('10','双数','4','=4')   
subval[4] = new Array('10','单数','5','=5')   
subval[5] = new Array('10','双数','6','=6')   
subval[6] = new Array('10','单数','7','=7')   
subval[7] = new Array('10','双数','8','=8')   
subval[8] = new Array('10','单数','9','=9')   
subval[9] = new Array('10','双数','10','=10')   
subval[10] = new Array('20','单数','11','=11')   
subval[11] = new Array('20','双数','12','=12')   
subval[12] = new Array('20','单数','13','=13')   
subval[13] = new Array('20','双数','14','=14')   
subval[14] = new Array('20','单数','15','=15')   
subval[15] = new Array('20','双数','16','=16')   
subval[16] = new Array('20','单数','17','=17')   
subval[17] = new Array('20','双数','18','=18')   
subval[18] = new Array('20','单数','19','=19')   
subval[19] = new Array('20','双数','20','=20')   
function changeselect2()   
{   
document.form2.s2.length = 0;   
document.form2.s2.options[0] = new Option('==请选择==','');   
document.form2.s2.options[1] = new Option('选择单数','单数');   
document.form2.s2.options[2] = new Option('选择双数','双数');   
document.form2.s3.length = 0;   
document.form2.s3.options[0] = new Option('==请选择==','');   
}   
function changeselect3(sub1,sub2)   
{   
document.form2.s3.length = 0;   
document.form2.s3.options[0] = new Option('==请选择==','');   
for (i=0; i<subval.length; i++)   
{   
if ((subval[i][0] == sub1) & (subval[i][1] == sub2))   
{document.form2.s3.options[document.form2.s3.length] = new Option(subval[i][2], subval[i][3]);}   
}   
}   
// --></mce:script>  
<form name="form2">  
三级联动:   
<select name="s1" onChange="changeselect2()">  
<option>==请选择==</option>  
<option value="10">1-10</option>  
<option value="20">11-20</option>  
</select>  
<select name="s2" onChange="changeselect3(document.form2.s1.value,this.value)">  
<option>==请选择==</option>  
</select>  
<select name="s3" onChange="alert(this.value)">  
<option>==请选择==</option>  
</select>  
</form>  
<!-- 三级联动 Over -->  
</body>  
</html>
基于spring3单元测试代码 junit, spring3
package com.smartlife.test;

import org.junit.Before;
import org.junit.Test;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.test.annotation.Rollback;
import org.springframework.test.context.ContextConfiguration;
import org.springside.modules.test.spring.SpringTxTestCase;

import com.smartlife.service.BrandService;
@ContextConfiguration(locations = { "/applicationContext.xml" })
public class TestSpringjunit extends SpringTxTestCase {
  @Autowired
  private BrandService brandService;
  

	@Before
	public void reloadSampleData() throws Exception {
		//Fixtures.reloadAllTable(dataSource, "/data/sample-data.xml");
	}
	
	@Test
	//如果你需要真正插入数据库,将Rollback设为false
	@Rollback(false) 
	public void crudEntity() {
		
		System.out.println(brandService);
	}
}
Global site tag (gtag.js) - Google Analytics