pagination_click

by Dinizworld

HTML

<select><option value="10">10</option><option value="20">20</option></select>
<br/>
<br/>
<div class="pagination"></div>
<br/>
content
<br/>
<br/>
<div class="pagination"></div>

CSS

.page {
	margin-right : 10px;
	text-decoration : underline;
	cursor : pointer;
	}

JavaScript

$(function(){
	$("select").on("click" , function(){
		if ($(this).val() == 10){
			var total_pages = 3;
			}
		else{
			var total_pages = 5;
			}
		var pages = "";
			
		for (var i = 1; i <= total_pages; i++){
			var pages = pages + "<span class='page'>" + i + "</span>";
			}
		$(".pagination").html(pages);
		});
	$("select").click();
	
	$(".page").on("click" , function(){
		alert($(this).text());
		});
	});