Home > Backend Development > PHP Tutorial > 页面传参问题

页面传参问题

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Release: 2016-06-23 13:43:29
Original
935 people have browsed it

有两个页面(1.html和2.html)
我在1.html页面的 a标签url传递两个参数如图
从1.html页面跳转到2.html页面,我需要将两个参数的值赋值给两个下拉列表框 ,并且option选项的值与传递过来的参数是一样的?
这个该怎么取值 呢?请各位回答一下,谢谢!


回复讨论(解决方案)

html不行,需要用php。

1.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <meta http-equiv="content-type" content="text/html;charset=utf-8">  <title> New Document </title> </head> <body>  <a href="2.php?job=1&unit=2">我要招聘</a> </body></html>
Copy after login


2.php
<?php$job = isset($_GET['job'])? $_GET['job'] : '';$unit = isset($_GET['unit'])? $_GET['unit'] : '';?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <meta http-equiv="content-type" content="text/html;charset=utf-8">  <title> New Document </title> </head> <body>  <p>job:<select name="job">  <option value="">请选择</option>  <option value="1" <?php if($job=="1"){echo "selected";} ?>>1</option>  <option value="2" <?php if($job=="2"){echo "selected";} ?>>2</option>  <option value="3" <?php if($job=="3"){echo "selected";} ?>>3</option>  </select></p>  <p>unit:<select name="unit">  <option value="">请选择</option>  <option value="1" <?php if($unit=="1"){echo "selected";} ?>>1</option>  <option value="2" <?php if($unit=="2"){echo "selected";} ?>>2</option>  <option value="3" <?php if($unit=="3"){echo "selected";} ?>>3</option>  </select></p> </body></html>
Copy after login

php 服务端取得值,进行处理。

<!doctype html><html lang="en">  <head>    <meta charset="UTF-8"/>    <title>Document</title>    <script src="http://static.blog.csdn.net/scripts/jquery.js" type="text/javascript"></script>    <script type="text/javascript">function getRequest(){  var url = location.search; //获取url中"?"符后的字串  var theRequest = new Object();  if(url.indexOf("?") != -1)  {    var str = url.substr(1);    strs = str.split("&");    for(var i = 0; i < strs.length; i ++)    {      theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);    }  }  return theRequest;}$(function(){  var Request=new Object();  Request=getRequest();  $("#zw").val(Request['job']);  $("#dw").val(Request['unit']);})</script>  </head>  <body>    应聘职位:  <select id="zw" name="zw"><option value=""></option><option value="{zpzw1}">zw1</option><option value="{zpzw2}">zw2</option></select>    应聘单位:  <select id="dw" name="dw"><option value=""></option><option value="{zpdw1}">dw1</option><option value="{zpdw2}">dw2</option></select>  </body></html>
Copy after login
Copy after login


这个是../sell.html

可以试下


<!doctype html><html lang="en">  <head>    <meta charset="UTF-8"/>    <title>Document</title>    <script src="http://static.blog.csdn.net/scripts/jquery.js" type="text/javascript"></script>    <script type="text/javascript">function getRequest(){  var url = location.search; //获取url中"?"符后的字串  var theRequest = new Object();  if(url.indexOf("?") != -1)  {    var str = url.substr(1);    strs = str.split("&");    for(var i = 0; i < strs.length; i ++)    {      theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);    }  }  return theRequest;}$(function(){  var Request=new Object();  Request=getRequest();  $("#zw").val(Request['job']);  $("#dw").val(Request['unit']);})</script>  </head>  <body>    应聘职位:  <select id="zw" name="zw"><option value=""></option><option value="{zpzw1}">zw1</option><option value="{zpzw2}">zw2</option></select>    应聘单位:  <select id="dw" name="dw"><option value=""></option><option value="{zpdw1}">dw1</option><option value="{zpdw2}">dw2</option></select>  </body></html>
Copy after login
Copy after login


这个是../sell.html

可以试下



中文数据传过来就是乱码了,这个该怎么处理?

现在乱码已经处理,怎么把这个js里面的值  赋值到同页面的 这两个下拉框里面来呢?

类似这样 
$('#unit').append('');

去掉楼上代码中的初始化的selected属性

感觉
如果只有一个值就没必要用select了,用只读的文本框就可以

楼上都是正解,这种方法很多种方式,用get获得参数,然后你想怎么显示就怎么显示了

类似这样 
$('#unit').append('');

去掉楼上代码中的初始化的selected属性

感觉
如果只有一个值就没必要用select了,用只读的文本框就可以



谢谢,已搞定。非常感谢。看来要多学习js了
Related labels:
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template