2017-11-02 9 views
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> 
+0

このような変更で動的に変更されるように_javascript_を探しています。 –

+1

POSTでフォームを送信する場合は、POSTページでselect入力の値を取得します。選択肢に名前を付けたい場合もあります。 '<選択名= "検索"> <オプション値= "">のいずれかを選択... <オプション値= "国">国 <オプション値= "都市">市 <オプション値= "area"> Area <?php $ search = $ _POST ['search']; ?> ' – MarieWeb

+0

ありがとうございました。 @MarieWebあなたのコード$ search = $ _POST ['search']は私が感謝しなかったものです。 – pro78

答えて

0

あなたがここにSQLを必要とし、「POST」の値を取得し、

$_POST['option'] = $option; 
$query = "SELECT * FROM dropdowns WHERE Option = '$option" 

ようなクエリでそれらを使用する方法は、まだそれはあなたのドロップダウンテーブルがどのようなものであるかによって決まります(それが持つ列)。 他の事はあなたが

?option=something 

のように終わる

action="something.php" 

またはURLを使用してPHPを使用してFORMをリンクする必要がありますが、あなたが2つの異なるファイルにコードを分割する必要が意味するということです。 2番目のオプションは、$ _GET ['option']を使用してクエリで使用できます。

もう1つの提案は、PHPですべてをオンにしてHTML部分をエコーすることです。

関連する問題