2016-09-18 136 views
1

我已經使用了一些代碼,它使用AJAX根據數據庫中的信息生成第二個下拉列表。使用Ajax填充下拉列表時設置默認值

例如 如果選擇寶馬 將填充所有可用的寶馬車型的第二個列表,這是正常工作,但我想在第二個下拉的領域之一,以保持SELECT,或任何這樣他們可以單獨搜索汽車製造商。

我在網上看了一下,解決方案看起來很複雜,我希望是一個簡單的修復,我現在堅持如何解決這個問題,我應該只是添加一個單獨的表單,只是作出?雖然這不會像用戶友好一樣。

<div class="row"> 
     <div class="col-sm-10 col-sm-offset-1"> 
      <form id="fitment_search" action="gallery.php" method="GET"> 
       <div class="col-sm-5"> 
        <div class="col-sm-4"> 
         <h5>Vehicle Make:</h5> 
        </div> 
        <div class="col-sm-8"> 
         <div class="select"> 
          <select name="make" onchange="get_model(this.value)"> 
           <option value="make">SELECT</option> 
           <?php while ($row = mysqli_fetch_assoc($makeResult)) : ?> 
            <option 
             value="<?php echo $row['make']; ?>"><?php echo $row['make']; ?></option> 
           <?php endwhile; ?> 
          </select> 
          <div class="select__arrow"></div> 
         </div> 
        </div> 
       </div> 
       <div class="col-sm-5"> 
        <div class="col-sm-4"> 
         <h5>Model:</h5> 
        </div> 
        <div class="col-sm-8"> 
         <div class="select"> 
          <select name="model" id="fitment_model"> 
           <option value="">SELECT</option> 
          </select> 
          <div class="select__arrow"></div> 
         </div> 
        </div> 
       </div> 
       <div class="col-sm-2"> 
        <button type="submit" class="btn btn-default btn-sm btn-primary"><i 
          class="fa fa-pencil"></i> Search Now 
        </button> 
       </div> 

      </form> 
     </div> 

繼承人代碼形成了單獨的php文件。

$make=$_GET["make"]; 

    $sql2 = "SELECT `model` FROM `fitment` WHERE `make` = '$make' ORDER BY `model` ASC"; 

    $result = mysqli_query($db, $sql2);  
    ?> 

    <select name="models"> <?php 

    while($row = mysqli_fetch_array($result)) { ?> 

     <option value="<?php echo $row['model']?>"><?php echo $row['model'] ?></option><?php 

    } ?> 

    </select> 

回答

1

只是改變:

<select name="models"> <?php 

TO

<select name="models"> 
    <option value="" >Select</option>  
    <?php 
+0

嘿,我發現了同樣的解決方案時,我提交的問題,隊友的歡呼聲後,看了看代碼 – theHussle