我试过了,我不知道这是正确的方式:
HTML代码:<div class="container-fluid">
<form class="form-inline">
<div class="form-group">
<label>Choose Records Per Page:</label>
<select class="form-control input-sm num_rec_per_page">
<option>5</option>
<option>10</option>
<option>50</option>
<option>100</option>
<option>150</option>
<option>200</option>
</select>
</div>
</form>
</div>
JAVASCRIPT代码:
<script>
$(document).ready(function(){
$("select.num_rec_per_page").change(function(){
$(".num_rec_per_page option:selected").val();
window.location="?num_rec_per_page=" + num_rec_per_page;
});
});
</script>
PHP代码$num_rec_per_page=$_GET['num_re_per_page'];
所以这段代码,当变量改变时,刷新是对网页,但我不希望,你能帮助我吗??
您没有指定获得JS变量到PHP的确切最终目标,但我认为这是为了获得选择的值,以便您可以更改每页显示的记录数量(从变量名称推断)。
如果您想避免页面刷新,您可以通过AJAX实现,并使用JavaScript拉入其他记录来显示。如果您给window.location
赋一个新值,它将刷新页面。
你会想要像
$(selector).load('/get_results.php?num_rec_per_page=' + num_rec_per_page);