页面获取值问题
<a id="a" href="PagingServlet?pageNow=${ pageNows-1}<a id="a" href="" />
$(document).ready(function() {
var pageNow = ${pageNows-1};
var pageSize = $("#put").val();
var url = "PagingServlet?pageNow=" + pageNow + "&pageSize=" + pageSize;
$("#a").attr("href", url);
})
$(document).ready(function() {
$("#input").change(function() {
var pageNow = ${pageNows-1};
var pageSize = $("#put").val();
var url = "PagingServlet?pageNow=" + pageNow + "&pageSize=" + pageSize;
$("#a").attr("href", url);
})
})
把代码稍微改下就好了
当id为put的输入框的值改变时 改变a的href
$(document).ready(function() {
$("#input").change(function() {
var pageNow = ${pageNows-1};
var pageSize = $("#put").val();
var url = "PagingServlet?pageNow=" + pageNow + "&pageSize=" + pageSize;
$("#a").attr("href", url);
})
})
感觉操作上有点困难,思路不一样。我是要在点击上一页或下一页时页面才跳转,而不在是页面输入变化时,因为用户用户输入了每页显示的条数后还可以再选择到哪一页的。
href另外加确实是个好建议,我现在就试试,麻烦大侠帮我想想上面我贴的那段为什么错
把代码稍微改下就好了
当id为put的输入框的值改变时 改变a的href
$(document).ready(function() {
$("#input").change(function() {
var pageNow = ${pageNows-1};
var pageSize = $("#put").val();
var url = "PagingServlet?pageNow=" + pageNow + "&pageSize=" + pageSize;
$("#a").attr("href", url);
})
})
感觉操作上有点困难,思路不一样。我是要在点击上一页或下一页时页面才跳转,而不在是页面输入变化时,因为用户用户输入了每页显示的条数后还可以再选择到哪一页的。
href另外加确实是个好建议,我现在就试试,麻烦大侠帮我想想上面我贴的那段为什么错
你可以加载时 先默认的设置href 也就是先把当前页和显示条数都写好
用户修改时 就加个change事件 动态设置href 这样就行了
还是不会,我有两个参数都要改变,不知道你说的思路是怎么弄的。如果我在pageSize改变时,动态设置href,里面的pageNow该怎么写呢,写var pageNow = ${pageNows-1};肯定是不对的,因为这仅仅是显示上一页,我还有显示下一页,第一页,第二页等
我实际加载时默认显示的是第一页,每页显示2条,这些之前就写好了
改变pageSize时 就直接提交一次 显示对应的数据条数 并显示为第一页
上一页 下一页 就用 ${pageNows-1} ${pageNows+1}
我按照你说的试了head中加了<script type="text/javascript">
$(document).ready(function() {
$("#input").change(function() {
var pageSize = $("#put").val();
var url = "PagingServlet?pageNow=1&pageSize=" + pageSize;
window.location.href = url;
})
})
</script>
body中写的<a id="a" href="PagingServlet?pageNow=${ pageNows-1}">上一页</a>
<a id="b" href="PagingServlet?pageNow=${ pageNows+1}">下一页</a>
但是我修改put里的值页面没反应,script中哪写错了
jquery引用了吗
我把head里代码改成了<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" type="text/javascript">
function checkPut(){
var pageSize = document.getElementById("put").value;
var url = "PagingServlet?pageNow=1&pageSize=" + pageSize;
window.location.href = url;
}
</script>
body里代码改成了每页显示<input id="put" type="text" width="20" name="pageSize" value="2" onchange="checkPut()" >条<br>现在基本实现了你说的,但页面刷新了后,put里的内容又还原了,不是我想要的,这里大概要用异步实现,我再试试
恩 一点点来
谢谢你的鼓励<script type="text/javascript" src="/js/jquery.js"></script>我觉得这样写也是对的,但是改变put框里的值页面没反应,这是什么原因呢
<script type="text/javascript" type="text/javascript">
var jq=jQuery.noConflict();
jq(document).ready(function() {
jq("#input").change(function() {
var pageSize = jq("#put").val();
var url = "PagingServlet?pageNow=1&pageSize=" + pageSize;
window.location.href = url;
})
})
</script>
jq("#put").change
<a id="a" href="PagingServlet?pageNow=${ pageNows-1}" onclick="setPageSize(this)">上一页</a>
<script>
function setPageSize(a) {
var o = document.getElementById('put');
if (o) {
a.href += '&pageSize=' + o.value
alert(a.href)
}
else alert('找不到put控件!');
}
</script>