2014-09-28 101 views
0

嘿家伙我试图保存用户在我的表单上选择的选项,但是我不确定如何做到这一点。jQuery:保存已被选中的select元素选项

我会简单介绍一下我的设置...

我有我的主页这种形式:

<form class="form-home form-search"> 
<select class="form-control select-box"> 
       <option value="make-any">Make (Any)</option> 
       <?php while($make = $makeFilter->fetch(PDO::FETCH_ASSOC)) 
       { 
       echo ' 
       <option value="'.$make["Make"].'">'.$make["Make"].'</option> 
       '; 
       } ?> 
      </select> 
<button href="used-cars.php">Search</button> 
</form> 

正如你可以看到它是用PHP/MySQL的,以显示可用的选项。

好的,然后我在另一页上有这个表单,但CSS样式略有不同,它包含几个不同的选择元素。

所以,当用户选择主页上的一个元素时,所有按钮都会提交到used-cars.php,其中列出了所有结果。

我该如何做到这一点,以便jQuery保存用户在主页上选择的选项并加载used-cars.php与选择的选项?

任何例子都会很棒。我的第二形式的

EDITED 实施例:

<div class="container con-col-listing"> 
    <div class="row"> 
     <div class="col-md-4 col-sm-4"> 
     <form class="car-finder-container dflt-container"> 
     <h2 class="h2-finder">Car finder</h2> 
     <ul class="toggle-view"> 
      <li class="li-toggle"> 
      <h4 class="h4-finder-toggle">Make<span class="glyphicon glyphicon-plus glyph-plus-toggle"></span></h4> 
      <div class="panel"> 
      <select name="make" class="form-control select-box"> 
       <option value="make-any">Make (Any)</option> 
       <?php while($make = $makeFilter->fetch(PDO::FETCH_ASSOC)){ 
       $selected = $make['make'] == $_GET['make']?'selected="selected"':''; 
       echo ' 
       <option value="'.$make["Make"].'">'.$make["Make"].'</option> 
       '; 
       } ?> 
      </select> 
      <select class="form-control last-select select-box"> 
       <option value="model-any">Model (Any)</option> 
       <?php while($model = $modelFilter->fetch(PDO::FETCH_ASSOC)) 
       { 
       echo ' 
       <option value="'.$model["Model"].'">'.$model["Model"].'</option> 
       '; 
       } ?> 
      </select> 
      </div> 
      </li> 
      <li class="li-toggle"> 
      <h4 class="h4-finder-toggle">Body type<span class="glyphicon glyphicon-plus glyph-plus-toggle"></span></h4> 
      <div class="panel"> 
      <input id="four-by-four-checkbox" class="float-checkbox" type="checkbox"/> 
      <label for="four-by-four-checkbox" class="label-checkbox">4x4</label> 
      <input id="convertible-checkbox" class="float-checkbox" type="checkbox"/> 
      <label for="convertible-checkbox" class="label-checkbox">Convertible</label> 
      <input id="coupe-checkbox" class="float-checkbox" type="checkbox"/> 
      <label for="coupe-checkbox" class="label-checkbox">Coupe</label> 
      </div> 
      </li> 
      <li class="li-toggle"> 
      <h4 class="h4-finder-toggle">Transmission<span class="glyphicon glyphicon-plus glyph-plus-toggle"></span></h4> 
      <div class="panel"> 
      <input id="automatic-checkbox" class="float-checkbox" type="checkbox"/> 
      <label for="automatic-checkbox" class="label-checkbox">Automatic</label> 
      <input id="manual-checkbox" class="float-checkbox" type="checkbox"/> 
      <label for="manual-checkbox" class="label-checkbox">Manual</label> 
      <input id="semi-auto-checkbox" class="float-checkbox" type="checkbox"/> 
      <label for="semi-auto-checkbox" class="label-checkbox">Semi automatic</label> 
      </div> 
      </li> 
     </ul> 
     <button href="#" class="btn btn-block car-search-button btn-lg btn-success"><span class="glyphicon car-search-g glyphicon-search"></span> Search cars 
     </button> 
     <h4 class="h4-finder"><a href="#">Try our Smart Search </a><span class="glyphicon info-car-search-g glyphicon-info-sign"></span></h4> 
     </form> 
     </div> 
+0

我不熟悉'PHP',但是,你不能获得服务器端所选择的期权价值时,形式是提交?你可以使用'PHP'来创建第二个页面...为什么使用jquery – 2014-09-28 10:43:05

回答

1

最简单的方式是用GET请求:

<form class="form-home form-search" method="GET" action="used-cars.php"> 
    <select name="make" class="form-control select-box"> 
    ..... 
    <button type="submit">Search</button> 
</form> 

和所用-cars.php:

var_dump($_GET['make']); 

编辑

让假设您有第一页上的表格:

<option value="ford">ford</option> 
    <option value="pontiac">pontiac</option> 
    <option value="fiat">fiat</option> 

当你打在二手cars.php提交按钮$_GET['make']将任何选择可以说fiat

所以现在对二手cars.php你可以这样做:

<?php while($make = $makeFilter->fetch(PDO::FETCH_ASSOC)){ 
    $selected = $make['Make'] == $_GET['make']?'selected="selected"':''; 
    echo ' 
    <option '.$selected.' value="'.$make["Make"].'">'.$make["Make"].'</option> 
     '; 
    } ?> 
+0

谢谢,它是如何确定选择元素选项保存的?是由班级吗? – 2014-09-28 10:54:24

+0

我在我的其他表单上有额外的选择元素。 – 2014-09-28 10:54:49

+0

我不完全确定你在做什么,但是生病猜测并编辑答案 – andrew 2014-09-28 10:57:05

相关问题