fanzherong
/
baozhangfang


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
							<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<% String basePath = request.getScheme()+ "://" + request.getServerName() + ":" +request.getServerPort() + request.getContextPath(); %>
<% String contextPath = request.getContextPath() ;%>
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="<%=basePath %>/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="<%=basePath%>/js/select2.js"></script>
<link rel="stylesheet" href="<%=basePath%>/style/bootsstrap.min.css">
<link rel="stylesheet" href="<%=basePath%>/style/select2.min.css">

</head>
<body>
<div id="body">
<table class="table table-bordered table-striped" width="1000" border="none" cellspacing="0" cellpadding="0">
	<tbody>
		<tr>
			<td align="right">多选标签——火影忍者：</td> 
			<td>
				<select class="combox" id="sel_productTag" name="tagId" multiple> 
				</select>
			</td>
		</tr>
		<tr>
			<td align="right">单选标签——火影忍者：</td>
			<td>
				<select class="combox" id="sel_recommender" name="recommenderId"> 
				</select>
			</td>
		</tr>
    </tbody>
</table>
</div>

<script type="text/javascript">
$(function(){
	$.ajax({
          type: "post",//使用get方法访问后台
          dataType: "json",//返回json格式的数据
          url: "departmentAction_getList?departmentId=7",//要访问的后台地址
          complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
          success: function(msg){//msg为返回的数据，在这里做数据绑定
          	for(var i = 0; i < msg.length; i++){
          		$("#sel_recommender").append("<option value="+msg[i].id+">"+msg[i].text+"</span>");
          	}
       }
 	});
 	
 	$.ajax({
          type: "post",//使用get方法访问后台
          dataType: "json",//返回json格式的数据
          url: "departmentAction_getList?departmentId=7",//要访问的后台地址
          complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
          success: function(msg){//msg为返回的数据，在这里做数据绑定
          	for(var i = 0; i < msg.length; i++){
          		$("#sel_productTag").append("<option value="+msg[i].id+">"+msg[i].text+"</span>");
          	}
       }
 	});

	$('#sel_productTag').select2({
		tags:true,
		createTag:function (decorated, params) {
			return null;
		},
		width:'400px'
	});
	
	function formatState (state) {
		if (!state.id) { return state.text; }
		var $state = $(
		'<span>' + state.text + '</span>'
		);
		return $state;
	};
	
	$('#sel_recommender').select2({
		templateResult: formatState,
		width:'300px'
	});
});
</script>
</body>
</html>