mysql dbからドロップダウンリストを入力する方法と、選択に基づいてPHPフォームの別のドロップダウンリストを入力する方法はありますか？

Question

私は別のテーブルからの2番目のドロップダウンリストのクエリの条件のドロップダウンリストに値を設定するmysqlテーブルの列を持っている状況があります。どのように私はPHPを使用して、2番目のドロップダウンリストの選択を別の入力フォームに渡すと思いますか？私は両方のテーブルに同じformBarkod列を持っています。これはテーブルデータ間の接続です。

Answer 1

これはjavascriptの仕事のようです。それぞれのドロップダウンにphpとmysqlを設定することができますが、最初のドロップダウンで選択すると、次のドロップダウンのどれに表示されるかが影響します。 PHPとMySQLは次のようになります。

<? 
//Assuming $dbh is a proper mysqli object... 
$options = $dbh->query("SELECT * FROM options"); 

echo '<select id="firstDropdown">'; 
while($o = $options->fetch_object()) { 
    echo '<option value="'.$o->id.'">'.$o->name.'</option>'; 
} 
?> 

各ドロップダウンでこのプロセスを繰り返します。

次に、変更に取り組むためにJavaScriptを書く必要があります。私はこれを行うのに十分な "純粋な" javascriptを知らないが、jQueryでどのように見えるかを示すことができる。基本的な流れは、あなたがすべてを非表示にすることである

<select id="firstDropdown"> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
    <option value="3">Option 3</option> 
</select> 
<select id="dropdown1" class="dropdown"> 
    ... 
</select> 
<select id="dropdown2" class="dropdown"> 
    ... 
</select> 
<select id="dropdown3" class="dropdown"> 
    ... 
</select> 

次にjQueryのは次のようになります（すべてのdocument.readyに包まれた（）もちろん）

$(".dropdown").hide(); 

$("#firstDropdown").on("change",function(){ 
    $(".dropdown").hide(); 
    var value = $("#firstDropdown").val(); 
    $("#dropdown"+value).show(); 
}); 

を：あなたのHTMLは次のようになりますと仮定すると、セカンダリのドロップダウン。次に、最初のドロップダウンの値が変わるたびに、セカンダリのドロップダウンを再表示し、希望するドロップダウンのみを表示します。実際にDOM要素を実際に作成したり、新しいドロップダウンを得るためにajax呼び出しを使用したりすることで、もっと多くのことを行うことができますが、これは基本的な概念をカバーしています。

編集：ここには、実例があります。jsfiddle.net