2016-08-15 16 views
-1

$row['clinic_id']. "-" . $row['clinic_name']のフィルタドロップダウンボックスを表示するにはどうすればよいですか?たとえば、1-MedCareなど、私はどこから始めるべきかについてもわからないのですか?また、特定のオプションをクリックすると、テーブルにフィルタがあり、そのオプションだけが表示されます。PHP変数付きドロップダウンボックス

+0

基本的なPHPとHTMLのチュートリアルでは、私の提案です。ドロップダウンボックスは[HTML select element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select)で行います。 – YetiCGN

答えて

1

私が正しく理解している場合は、PHP変数を使用してドロップダウンを作成します。方法は次のとおりです:以下をPHPファイルに記述します。

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

はい;しかし、私はそれらを両方のドロップボックスに1つのドロップボックスに表示して、それらを分離してください。 " - " – 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> 
にこのようにしてみてください。ここでは

<!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を表示することができます方法です0

その他の場合

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

私のテーブルを除外しますか? – jasmine825

+0

@ jasmine825選択したドロップダウンに応じてコンテンツを表示するには、JSを使用する必要があります。しかし、ここでは1つのドロップダウンがあります... – Ivan

+0

あなたはコード全体を共有してくださいますか?jasmine825 – ubm

関連する問題