onchange事件

@Controller
@RequestMapping("/holidymaintain")
public class HolidyController extends BaseController{

private static Log ERROR = PssLogFactory.getErrorLog();

@Autowired
private HolidyService  holidyService;

@RequestMapping("/list")
@RequireLogin
public String toList(Model model, String year){
processSearch(model,year);
return "view/holiday/list";
}

private void processSearch(Model model,String year){
String years[] =new String[]{};

if(year == null || Long.parseLong(year)< 0L){    

 int thisYear =DateUtil.getCurrentYear();  

 int thisYear =DateUtil.getCurrentYear();  
 years=new String[] {thisYear + "", + (thisYear + 1) + "" }; //使頁面上顯示當前的年份和當前年+1的年份

 year = year ==null ? thisYear + " " : year;

}

model.addAttribute("holi",holidyService.findHolidyByYear(year));
model.addAttribute("years",years);
}

@RequestMapping("/data")
@RequireLogin
public String data(Model model, String year){
processSearch(model,year);
return "view/holiday/data";

}

前臺頁面根據年份查詢，使用 onchange 事件

 <div class="col-md-2 ">
<select name="year" id="year" class="form-control" οnchange="yearchange(this)">

                            <c:forEach var="ye" items="${years}" varStatus="vs">
    <option value="${ye}">${ye}</option>
</c:forEach>
</select> 
</div>

對應的JS

function yearchange(e){

var year=$(e).val();

$("#holiData").load("${path}/arwen/holidymaintain/data?year="+year);
}