2016-04-02 68 views
1

我已經創建了4個搜索過濾器來顯示搜索結果,並且我爲表格創建了邊框。但我有問題,當我點擊一個過濾器和3個額外的空行打開或當我使用2個過濾器,然後2個額外的空行打開。我如何避免這種情況?下面是我的HTML代碼 -表格邊框問題

<html> 
 
<head> 
 
<title>classroom</title> 
 
</head> 
 
<form action="retrieve1.php" method="GET"> 
 
    <select name="Grade"> 
 
     <option value="" selected="selected">Choose Grade</option> 
 
     <?php grade($db) ?> 
 
    </select> 
 

 
    <select name="School"> 
 
     <option value="" selected="selected">Choose School</option> 
 
     <?php school($db) ?> 
 
    </select> 
 

 
    <select name="Team"> 
 
    <option value="" selected="selected">Choose Team</option> 
 
    <?php team($db) ?> 
 
    </select> 
 

 
    <select name="Students"> 
 
     <option value="" selected="selected">Choose Students</option> 
 
     <?php students($db) ?> 
 
    </select> 
 

 
    
 
    <input type="submit" style="width:100px" value="Find" /> 
 
</form> 
 

 
<TABLE BORDER="30" CELLPADDING="10" CELLSPACING="3" BORDERCOLOR="#707070"> 
 

 

 
    <tr> 
 
    \t <th width="197"> <div align="center">FirstName </div></th> 
 
     <th width="197"> <div align="center">LastName </div></th> 
 
     <th width="198"> <div align="center">Email </div></th> 
 
     <th width="197"> <div align="center">City </div></th> 
 
     <th width="197"> <div align="center">State </div></th> 
 
     <th width="197"> <div align="center">Country </div></th> 
 
      
 
     
 
     
 
    </tr>

回答

0

一個解決辦法是禁用的佔位符,並要求所有的選項,然後才能進行搜索。

<select name="Grade" required> 
    <option value="" disabled selected>Choose Grade</option> 
    <?php grade($db) ?> 
</select> 

你可以試着將所有過濾器具有disabled selected選項,但沒有一個required值,這樣

<select name="Students"> 
     <option value="" disabled selected>Choose Students</option> 
     <?php students($db) ?> 
    </select> 

如果你正在尋找這樣的事情我不知道,但我認爲你應該提供更多的代碼,因爲現在它只是一個簡單的表單,它爲我們提供了一些選擇輸入和一個簡單的按鈕。我知道一個事實,如果你需要所有的過濾器,第一個選項就可以工作,因爲你必須在每個過濾器上選擇一個選項,然後才能進行搜索。第二個選項我不知道,因爲我沒有全部的代碼。

+0

這解決了我的問題,謝謝 – jon