87,904
社区成员
发帖
与我相关
我的任务
分享js页面传值
哪位大神帮帮忙，第一个页面中有3个input框，点击保存后，跳转到第二个个页面，同时第一个页面3个input值都显示在第二个页面的input框里，并且中文不乱码，去指教，求贴代码
...全文
请发表友善的回复…
发表回复
liusaint1992 2015-10-13
- 打赏
- 举报
页面a.html
页面b.html
为了偷懒，用了jQuery。
楼主试试看。
a.html，b.html放在同一目录。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#sava_btn").click(function(){
var value1 = $("#input1").val();
var value2 = $("#input2").val();
var value3 = $("#input3").val();
//加码防乱码
value1 = encodeURI(encodeURI(value1));
value2= encodeURI(encodeURI(value2));
value3 = encodeURI(encodeURI(value3));
// 链接传值
location.href="b.html?value1="+value1+"&value2="+value2+"&value3="+value3;
})
})
</script>
</head>
<body>
<input type="text" id="input1" >
<input type="text" id="input2" >
<input type="text" id="input3" >
<input type="button" id="sava_btn" value="保存">
</body>
</html>
页面b.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
function valueToInput(){
//获取值
var value1 = getQueryString("value1");
var value2 = getQueryString("value2");
var value3 =getQueryString("value3");
//译码
value1 = decodeURI(decodeURI(value1));
value2= decodeURI(decodeURI(value2));
value3 = decodeURI(decodeURI(value3));
//赋值
$("#input1").val(value1);
$("#input2").val(value2);
$("#input3").val(value3);
}
// 获取url中的变量值
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;
}
</script>
</head>
<body onload="valueToInput()">
<input type="text" id="input1" >
<input type="text" id="input2" >
<input type="text" id="input3" >
这是页面b。
</body>
</html>
为了偷懒，用了jQuery。
楼主试试看。
a.html，b.html放在同一目录。
su_cindy 2015-10-13
- 打赏
- 举报
领导要求直接前台传值
超级菜鸟 2015-10-13
- 打赏
- 举报
= =.。有很多方法啊。保存的时候值不是在后台么，在传回前台，使用el表达式展示
su_cindy 2015-10-13
- 打赏
- 举报
谢谢，不知道积分给你了没，我不会看
