Question

jquery 接收上个页面的值

我在a.html页面中定义了一个 <input type="text" id="hello"/>,从a页面跳转到b.htm页面，在b页面用jquery能得到input里的值吗？

Answer 1

一 Jquery获得服务器控件值的方法
由于ASP.NET网页运行后，服务器控件会随机生成客户端id，jquery获取时候不太好操作，google了下，总结有以下3种方法：

服务器控件代码：<asp:TextBox ID="txtUserID" runat="server"></asp:TextBox>

1. $("#<%=txtUserID.ClientID%>").val();

2. $("input[id*=txtUserID]").val();

3. $("*[id$=txtUserID]").val();

二 Jquery获得控件值的方法

取值：

$("")是一个jquery对象，而不是一个dom element
value是dom element的属性
jquery与之对应的是val
val() :获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。
所以，代码应该这样写：
取值：val = $("#id")[0].value;
赋值：
$("#id")[0].value = "new value";
或者$("#id").val("new value");

或者这样也可以：val = $("#id").attr("value");
获取一组radio被选中项的值

var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

获取值：

文本框，文本区域：$("#txt").attr("value")；
多选框checkbox：$("#checkbox_id").attr("value")；
单选组radio： $("input[@type=radio][@checked]").val();
下拉框select： $('#sel').val();

控制表单元素：
文本框，文本区域：$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容

多选框checkbox： $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option

Answer 2

在跳转之前，先获取A页面里input的值，然后将获取到的值当做b页面的url参数，在页面b中就可以取到这个参数的值了，也就是A页面中input的值。
楼主可以参考这个例子，说的很详细：
http://blog.csdn.net/salc3k/article/details/7286296

Answer 3

可以获取到值再url传参到b页面，然后b页面接收

追问

怎么传，能给个例子吗

怎么传，能给个例子吗

追答

a页面
var a1 = $("#hello").val();
例如页面跳转: location.href="b.htm?b1="+a1 ; //b1为参数名称 a1为值

b页面接受参数 //接收方法getQueryString是网上找的

var c1 = getQueryString("b1"); //c1等于参数名称为b1的值

//接收参数的方法getQueryString
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}

Answer 4

get 方法可以 post 方法不可以
的

追问

没有action，只是静态页面跳转

追答

获取的话我记得只能是本页面的。接下来可以用get方法发送过去。
给你个例子
www.domain.com/index.php?a=1&b=2&c=3

var url=window.location.toString();
//取得当前网址
var str=""; //参数中等号左边的值
var str_value=""; //参数中等号右边的值
if(url.indexOf("?")!=-1){

//如果网址有"?"符号

var ary=url.split("?")[1].split("&");

//取得"?"右边网址後利用"&"分割字串存入ary阵列 ["a=1","b=2","c=3"]

for(var i in ary){

//遍历
str=ary[i].split("=")[0];
//取得参数"="左边的值存入str变数中

if (str == "b") {
//若str等於想要抓取参数 如:b
str_value = decodeURI(ary[i].split("=")[1]);
//取得b等号右边的值并经过中文转码後存入str_value
}
}
}
alert(str_value); //显示参数的值