ホームページ  >  記事  >  バックエンド開発  >  ページパラメータの受け渡しの問題

ページパラメータの受け渡しの問題

WBOY
WBOYオリジナル
2016-06-23 13:43:29875ブラウズ

2つのページ(1.htmlと2.html)があります
図に示すように、1.htmlページのaタグURLで2つのパラメータを渡します
1.htmlページから2.htmlページへ、パラメータの値は 2 つのドロップダウン リスト ボックスに割り当てられ、オプション 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 の値を同じページ上のこれら 2 つのドロップダウン ボックスに割り当てるにはどうすればよいでしょうか?

これに似ています
$('#unit').append('204027360b1459cc53934632efed5d7b'+param['unit']+ ' 4afa15d3069109ac30911f04c56f3338');

上記のコードで初期化された selected 属性を削除します

値が 1 つしかない場合は、select を使用する必要はなく、読み取り専用のテキスト ボックスを使用するだけです

上記の答えはすべて正しいです。これを行うには多くの方法があります。get を使用してパラメータを取得し、必要に応じて表示します

これと同様の

$('#unit').append('< ;option value="'+param['unit']+'" selected="selected">'+param['unit']+'4afa15d3069109ac30911f04c56f3338');

で初期化された selected 属性を削除します。上記のコード

1つしかない場合は
という感じです selectを使う必要はなく、読み取り専用のテキストボックスを使うだけです


ありがとうございます、完了です。どうもありがとう。もっとjsを学ぶ必要があるようです
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。