0
私はhtml形式を持ち、select要素を持ち、selectの中にCountry、City、Areaの値を持つプロジェクトを作成しています。私が望むのは、ユーザーが値の1つを選択し、送信ボタンをクリックしてその値に対応する製品のみを表示する場合です。どのようにすればいいのかわかりませんが、誰かがコードを手伝ってくれれば感謝しています。SORT BYの値を表示し、それらの項目のみを表示
ありがとうございました。
コード:
<div class="container">
<div class="row">
<h1>PRODUCTS</h1>
<hr>
<form method="post" action="">
<div class="form-group">
<label for="SORT BY">SORT BY</label>
<select name="">
<option value="">Select One...</option>
<option value="country">Country</option>
<option value="city">City</option>
<option value="area">Area</option>
</select>
</div>
<div class="form-group">
<input type="submit" name="submit" class="btn btn-primary" value="Search">
</div>
</form>
<?php
$query = "SELECT * FROM dropdowns";
$query_connection = mysqli_query($connection, $query);
while($row = mysqli_fetch_assoc($query_connection)) {
$country = $row['country'];
$city = $row['city'];
$area = $row['area'];
echo "<div class='col-xs-3'>";
echo "<div class='well'>";
echo "<img src='images/01.jpg' class='img-responsive'>";
echo "<h2 class='lead'>$country</h2>";
echo "<h2 class='lead'>$city</h2>";
echo "<h2 class='lead'>$area</h2>";
echo "</div>";
echo "</div>";
}
?>
</div>
</div>
このような変更で動的に変更されるように_javascript_を探しています。 –
POSTでフォームを送信する場合は、POSTページでselect入力の値を取得します。選択肢に名前を付けたい場合もあります。 '<選択名= "検索"> <オプション値= "">のいずれかを選択... <オプション値= "国">国 <オプション値= "都市">市 <オプション値= "area"> Area <?php $ search = $ _POST ['search']; ?> ' – MarieWeb
ありがとうございました。 @MarieWebあなたのコード$ search = $ _POST ['search']は私が感謝しなかったものです。 – pro78