Maison > Article > développement back-end > 页面传参问题

页面传参问题

WBOYoriginal: 2016-06-23 13:43:29875parcourir

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

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：require怎么传递数据Article suivant：Yii框架小物件复选框传值问题求教。

Articles Liés

Voir plus