Heim > Artikel > Backend-Entwicklung > 页面传参问题

页面传参问题

WBOYOriginal: 2016-06-23 13:43:29875Durchsuche

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

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：require怎么传递数据Nächster Artikel：Yii框架小物件复选框传值问题求教。

In Verbindung stehende Artikel

Mehr sehen