Question

对不起标题，因为我不知道这个方法叫什么。

基本上我的主页上有一个表单，然后我在另一个页面上有另一个表单。当用户从select元素中选择一个选项时，我想复制用户在主页上选择的结果。

如何做到这一点？

到目前为止，我有以下代码：

<form class="car-finder-container" method="GET" action="used-cars.php">
         <select name="min-price" id="priceMax" class="select-box form-control price-min price-selector">
             <option value="min-price">Min price</option><option value="0">£0</option><option value="500">£500</option><option value="1000">£1,000</option><option value="1500">£1,500</option><option value="2000">£2,000</option><option value="2500">£2,500</option><option value="3000">£3,000</option><option value="3500">£3,500</option><option value="4000">£4,000</option><option value="4500">£4,500</option><option value="5000">£5,000</option><option value="5500">£5,500</option><option value="6000">£6,000</option><option value="6500">£6,500</option><option value="7000">£7,000</option><option value="7500">£7,500</option><option value="8000">£8,000</option><option value="8500">£8,500</option><option value="9000">£9,000</option><option value="9500">£9,500</option><option value="10000">£10,000</option><option value="11000">£11,000</option><option value="12000">£12,000</option><option value="13000">£13,000</option><option value="14000">£14,000</option><option value="15000">£15,000</option><option value="16000">£16,000</option><option value="17000">£17,000</option><option value="18000">£18,000</option><option value="19000">£19,000</option><option value="20000">£20,000</option><option value="22500">£22,500</option><option value="25000">£25,000</option><option value="27500">£27,500</option><option value="30000">£30,000</option><option value="35000">£35,000</option><option value="40000">£40,000</option><option value="45000">£45,000</option><option value="50000">£50,000</option><option value="55000">£55,000</option><option value="60000">£60,000</option><option value="65000">£65,000</option><option value="70000">£70,000</option><option value="75000">£75,000</option><option value="100000">£100,000</option><option value="250000">£250,000</option><option value="500000">£500,000</option>
         </select>
         <select name="max-price" id="priceMin" class="select-box form-control price-max price-selector">
             <option value="max-price">Max price</option><option value="0">£0</option><option value="500">£500</option><option value="1000">£1,000</option><option value="1500">£1,500</option><option value="2000">£2,000</option><option value="2500">£2,500</option><option value="3000">£3,000</option><option value="3500">£3,500</option><option value="4000">£4,000</option><option value="4500">£4,500</option><option value="5000">£5,000</option><option value="5500">£5,500</option><option value="6000">£6,000</option><option value="6500">£6,500</option><option value="7000">£7,000</option><option value="7500">£7,500</option><option value="8000">£8,000</option><option value="8500">£8,500</option><option value="9000">£9,000</option><option value="9500">£9,500</option><option value="10000">£10,000</option><option value="11000">£11,000</option><option value="12000">£12,000</option><option value="13000">£13,000</option><option value="14000">£14,000</option><option value="15000">£15,000</option><option value="16000">£16,000</option><option value="17000">£17,000</option><option value="18000">£18,000</option><option value="19000">£19,000</option><option value="20000">£20,000</option><option value="22500">£22,500</option><option value="25000">£25,000</option><option value="27500">£27,500</option><option value="30000">£30,000</option><option value="35000">£35,000</option><option value="40000">£40,000</option><option value="45000">£45,000</option><option value="50000">£50,000</option><option value="55000">£55,000</option><option value="60000">£60,000</option><option value="65000">£65,000</option><option value="70000">£70,000</option><option value="75000">£75,000</option><option value="100000">£100,000</option><option value="250000">£250,000</option><option value="500000">£500,000</option>
         </select>
         <button type="submit" class="btn btn-block car-search-button btn-lg btn-success"><span class="glyphicon car-search-g glyphicon-search"></span> Search cars
         </button>
</form>

除了我添加到此表单的method =“GET”和action =“used-cars.php”之外，我在其他页面上使用了相同的表单。

如何修改我的第二个表单以显示在第一页上选择的选项，任何想法？

Answer 1

以静态方式：

您必须将他的选择存储在cookie / HTML5 Web SQL数据库（http://www.tutorialspoint.com/html5/html5_web_sql.htm)/普通数据库中。

打开主页时，您必须阅读当前选择的选项。

动态地：我相信你需要Ajax和数据库，但我可能错了。

Answer 2

这适用于min_price

您必须像这样更改其他值

<input type="text" name="Any_name" value="<?php echo $_POST['min_price'];?>">

非常重要注意：如果您阅读了我使用min_price的答案，而不是min-price。而不是短划线-我使用了下划线_。你不能用破折号。正如php认为你在做数学而且是减号。

所以你的输入字段也必须改变

我在做什么休息你可以自己动手

选择标记

<select name="min_price" id="priceMax" class="select-box form-control price-min price-selector">

<option value="min_price">Min price</option><option value="0">£0</option>

Answer 3

Cookie：

//php
//POST selection to your server side code then set cookie
$userMin= $_POST['min-price'];
$userMax = $_POST['max-price'];

$cookieData = json_encode(array('min'=>$userMin, 'max'=>$userMax));

//set cookie to be accessed across whole domain. Change '3600'!
setCookie('userSearchPreference', $cookieData, '3600', '/');

//get options on other pages
if (isset($_COOKIE['userSearchPreference']))
{
  $userPreferences = json_decode($_COOKIE['userSearchPreference']);
  //then set the'userMin' value on the frontend
}

当然还有其他方式。希望这可以帮助。顺便说一句，如果您的用户更改其最低/最高价格，您只需要重置cookie，它将被新值覆盖。

PHP：将选择元素选项复制到其他页面

3 个答案: