How to make looping button bring value for pagination

See more:

Javascript

HTML

PHP

paging

Hello. I have a problem regarding drop down, changing to the button for the looping pagination. Control by javascript. The javascript cannot get the value from the looping button. Do you have idea how to solve this problem or any suggestion?

Thank You.

What I have tried:

<?php 
	for($i=1; $i<= $pages; $i++){
		echo '<button id="selectPage" value="'.$i.'" >'.$i.'</button>';
	}
?>
<script>

$('#selectPage').change(function(){
	$('.spin-loader').show();
	var lookfor = $('#jobsrchform1').serialize() + '&page='+$('#selectPage').val();
	<?php if($login_user == 'GUEST') {?> var url = 'search_postings/content_01.php'; <?php } else { ?>
	var url = '../search_postings/content_01.php';
	<?php }?>
	$.post(url,lookfor,function(data){
		$('.spin-loader').hide();
		$('#mainContainer').html(data);
	});
	return false;
});
</script>