最初に選択したときに別のドロップダウンを設定します

Question

最初のドロップダウンの選択時に別のドロップダウンを設定します。中間phpファイルでこれを実装する。 Jqueryに基づいて2番目のドロップダウンを表示しています。

Jquery code。

$("<select/>", { 
class: "selectdoctor", 
name: "selectdoctor" + i, 
id: "selectdoctor" + i 
}).appendTo("#prescriptiondiv").after("<br/>"); 

このドロップダウンには、forループを使用した回数が表示されます。だから、私はクラスでしか値を設定できません。 phpfileに値を送り、ajaxを使って結果をフェッチする2番目のjqueryにはコードがあります。

$.post("getdoctorlist.php", { 
     childid: childid 
    }, function(data) { 
    //alert(data); 
    $('.selectdoctor').html(data); 
    }); 

getdoctor.phpリストのための私のphpcodeが持っているコードは、

if(mysql_num_rows($query)!=0); 
{ 
    while($result=mysql_fetch_assoc($query)) 
    { 
    echo '<option value="'.$result["pcpkey"].' ">'.$result["pcpfname"].'</option>'; 
    } 
} 

は、どのように私はdrop down with classname='selectdoctor'で、この応答（データ）を取り出すことができますか？

Answer 1

なるほど、

私は個人的にJSONを使用して慣れていないなどの線に沿って何かするだろう。そして、PHPスクリプトのうち、エコーで

$('.selectdoctor').change(function(){ 

    var doctor = jQuery('.selectdoctor.').val(); 


    jQuery.post("getdoctor.php", { doctor: doctor }, function(data){ jQuery("#prescriptiondiv").html(data); }); 

Javascriptのために、2番目のドロップダウン意志最初の選択メニューの「変更」が行われると、（これは「prescriptiondiv」と呼ばれると見なされます）入力されます。

Answer 2

お試しくださいhttp://www.9lessons.info/2010/08/dynamic-dependent-select-box-using.html jsonもこれを試してみてください。これはxmlのようなデータ交換フォーマットです。