日期:2014-05-17  浏览次数:20789 次

select option下拉框的onchange事件如何选定当前项
用的select option的跳转页面,代码如下:
转到:<select name="page" size="1" onchange="location.href='news_list.jsp?page='+this.value">
 
  <%
   for (int j=1;j<=intPageCount;j++){//intPageCount为取得的总页数
  
out.println("<option value='"+j+"'>第"+j+"页</option>");
}
  %>
  </select>
目前点击第2页之后的页面能够正常跳转,但下拉框中的选中项始终显示为第1页,而且如果当前页面位于其它页,点选下拉框中的“第1页”之后并不回到第1页,如何实现点选任何一页之后下拉框显示的是要跳转的页码并且点选第1页也能够跳转第1页

------解决方案--------------------

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
//首先你得用ASP获取该页的名字,如1.aspx,然后将前缀传递给参数k
//现在k=1;
var str="<select>";
for(var i=1;i<5;i++){
/*if(i==k){//判断当前页是否是k,若是则置option为选中状态
str+="<option value="+i+" selected='selected' >"+i+"</option>";
}else{*/
str+="<option value="+i+">"+i+"</option>";
//}

}
str+="</select>";
$("#div1").append(str);

$("select").change(function(){
var t=$("option:selected").val();
$("#div1").append("我跳转到了第"+t+"页"+"<br/>");//这个只是跳转的模拟
//window.location.href=t+'.php';//等你能获取页面的前缀把这行去掉就行了
});
})
</script>
<div id="div1">
</div>