2016-08-15 130 views
-1

如何使用$row['clinic_id']. "-" . $row['clinic_name']來顯示過濾器下拉框。例如,1-MedCare等等,我甚至不知道從哪裏開始,有什麼想法?而且我還希望當我點擊某個選項時,在表格中過濾掉並顯示該選項使用php變量的下拉框

+0

基本的PHP和HTML教程,將是我的建議。下拉框用[HTML select元素]完成(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select)。 – YetiCGN

回答

1

如果我理解正確,您希望創建一個帶有PHP變量的下拉菜單。方法如下:將以下內容放入PHP文件中。

<!DOCTYPE html> 
<html> 
<body> 

<select> 
    <option value="<?php echo $row['clinic_id'] . ' - ' . $row['clinic_id']; ?>"><?php echo $row['clinic_id']; ?></option> 
</select> 

</body> 
</html> 

這裏是你如何可以顯示取決於所選的下拉元素的div:

document.getElementById('options').onchange = function() { 
 
    var i = 1; 
 
    var myDiv = document.getElementById(i); 
 
    while(myDiv) { 
 
     myDiv.style.display = 'none'; 
 
     myDiv = document.getElementById(++i); 
 
    } 
 
    document.getElementById(this.value).style.display = 'block'; 
 
};
div { 
 
    display: none; 
 
}
<select name="options" id="options"> 
 
    <option value="1">First</option> 
 
    <option value="2">Second</option> 
 
    <option value="3">Third</option> 
 
</select> 
 

 
<div id="1" style="display:block">First Text</div> 
 
<div id="2">Second Text</div> 
 
<div id="3">Third Text</div>

+0

是的;但我希望他們都顯示在一個保管箱分隔他們是「 - 」 – jasmine825

+0

我編輯了我的答案 – Ivan

+0

當我選擇一個選項時,我可以過濾掉我的表嗎? – jasmine825

0

嘗試像這樣在你的選項標籤

<option value="<?php echo $row['clinic_id']."-".$row['clinic_name']; ?>"><?php echo $row['clinic_id']."-".$row['clinic_name']; ?></option> 
+0

我做到了,並沒有奏效。 – jasmine825

0
<select> 
    <option value="<?php echo $row['clinic_id']; ?>"><?php echo $row['clinic_id']; ?>-<?php echo $row['clinic_name']; ?></option> 
    </select> 

否則

<select> 
     <option value="<?php echo $row['clinic_id']; ?>"><?php echo $row['clinic_id']."-". $row['clinic_name']; ?></option> 
     </select> 
+0

它會過濾掉我的表嗎? – jasmine825

+0

@ jasmine825你需要使用JS根據選定的下拉菜單顯示內容。不過在這裏你只有一個下拉菜單... – Ivan

+0

請你分享一下你的全部代碼@ jasmine825 – ubm