页面传参问题-php教程-PHP中文网

页面传参问题

php中文网

发布： 2016-06-23 13:43:29

原创

972人浏览过

有两个页面（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>

登录后复制

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>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/1182">
                            <img src="https://img.php.cn/upload/ai_manual/001/431/639/68b7af235f31d971.png" alt="AI建筑知识问答">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/1182">AI建筑知识问答</a>
                            <p>用人工智能ChatGPT帮你解答所有建筑问题</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="AI建筑知识问答">
                                <span>22</span>
                            </div>
                        </div>
                        <a href="/ai/1182" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="AI建筑知识问答">
                        </a>
                    </div>
                 </body></html>

登录后复制

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>

登录后复制

这个是../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>

登录后复制

这个是../sell.html

可以试下

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

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

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

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

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

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

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

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

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

谢谢，已搞定。非常感谢。看来要多学习js了