Javascript jQuery:保存已选择的select元素选项
嘿,伙计们,我正试图保存一个用户在我的表单上选择的选项,但是我不确定如何才能做到这一点 我将简要说明我的设置 我的主页上有以下表格:Javascript jQuery:保存已选择的select元素选项,javascript,php,jquery,mysql,Javascript,Php,Jquery,Mysql,嘿,伙计们,我正试图保存一个用户在我的表单上选择的选项,但是我不确定如何才能做到这一点 我将简要说明我的设置 我的主页上有以下表格: <form class="form-home form-search"> <select class="form-control select-box"> <option value="make-any">Make (Any)</option> &l
<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
任何例子都很好
编辑
我的第二张表格示例:
<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>
寻车器
-
制作
制造(任何)
模型(任何)
-
体型
4x4
敞篷车
轿跑车
-
传输
自动的
手册
半自动
搜索汽车
最简单的方法是使用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>
编辑
让我们假设您在第一页的表单上:
<option value="ford">ford</option>
<option value="pontiac">pontiac</option>
<option value="fiat">fiat</option>
我不熟悉
PHP
,但是在提交表单时,您不能在服务器端获取selected options值吗?您可以相应地使用PHP
创建第二个页面。。。为什么要使用jQueryTanks,它如何确定保存哪些选择元素选项?这是课堂上的吗?我的另一个表单上有额外的select元素,仅此而已。我不完全确定您的意思,但我会猜测并编辑答案。好的,谢谢解释,我仍然无法让它工作:/I我已经完成了您在代码示例中提到的内容。这是一个实时站点:当我搜索它时,它会转到used-cars.php,但是没有选择所选的选项。你知道为什么吗?你还没有将name=“make”
添加到第一页的选择中。请看上面第一段的第二行
<option value="ford">ford</option>
<option value="pontiac">pontiac</option>
<option value="fiat">fiat</option>
<?php while($make = $makeFilter->fetch(PDO::FETCH_ASSOC)){
$selected = $make['Make'] == $_GET['make']?'selected="selected"':'';
echo '
<option '.$selected.' value="'.$make["Make"].'">'.$make["Make"].'</option>
';
} ?>