डेटाबेस से एकाधिक ड्रॉपडाउन सूची भरने के लिए jQuery

आपका रास्ता ठीक है- लेकिन सभी चुनिंदा क्षेत्रों के लिए विकल्प मान लाने के लिए इसे कई अजाक्स कॉल की आवश्यकता होगी। आप इसे JSON का उपयोग करके एकल अजाक्स कॉल में पूरा कर सकते हैं। PHP पेज पर, आप एक ऐरे बना सकते हैं जिसमें चार चुनिंदा बॉक्स के विकल्पों का प्रतिनिधित्व करने वाले HTML स्ट्रिंग्स होंगे। फिर आप json_encode() फ़ंक्शन का उपयोग करके इस सरणी को JSON स्ट्रिंग में बदल सकते हैं:

$arr=array("second"=>"<option>....</option>.......<option...</option>", //for second dropdown
           "third"=>"<option>....</option>.......<option...</option>", //for third dropdown
           "fourth"=>"<option>....</option>.......<option...</option>", //for fourth dropdown
           "fifth"=>"<option>....</option>.......<option...</option>" //for fifth dropdown
  );
 echo json_encode($arr);

फिर वेबपेज पर, पहले ड्रॉपडाउन के लिए, आप इस तरह एक jQuery फ़ंक्शन लिख सकते हैं:

 function loadOptions(){
jQuery.ajax({

  success: function(data){
     jQuery("select#field_2").html(data["second"]);
     jQuery("select#field_3").html(data["third"]);
     jQuery("select#field_4").html(data["fourth"]);
     jQuery("select#field_5").html(data["fifth"]);
  }
});
}

इस तरह, आप एक अजाक्स कॉल में अन्य सभी ड्रॉपडाउन के विकल्प लोड कर सकते हैं। मैं समझता हूं कि आपको अन्य ड्रॉपडाउन के लिए भी समान कार्यक्षमता की आवश्यकता है। आप अन्य ड्रॉपडाउन के लिए भी इसी तरह के फ़ंक्शन लिख सकते हैं। यहां एक सामान्यीकृत फ़ंक्शन है, जिसमें आप ड्रॉपडाउन नंबर पास करते हैं और फ़ंक्शन लक्षित ड्रॉपडाउन के विकल्प लौटाएगा। उदाहरण के लिए, यदि आप ड्रॉपडाउन नंबर 2 पास करते हैं, तो फ़ंक्शन ड्रॉपडाउन 3, 4 और 5 के विकल्प लौटाएगा। यदि आप 3 पास करते हैं, तो यह ड्रॉपडाउन 4 और 5 के लिए विकल्प लौटाएगा, और इसी तरह।

 function loadOptions(selectNo){
jQuery.ajax({
  data:{"selectNo",selectNo},
  success: function(data){
     switch(selectNo){
     case 1: jQuery("select#field_2").html(data["second"]);
     case 2: jQuery("select#field_3").html(data["third"]);
     case 3: jQuery("select#field_4").html(data["fourth"]);
     case 4: jQuery("select#field_5").html(data["fifth"]);
     }
  }
});
}

PHP पेज पर, आप इस कार्यक्षमता को लागू करने के लिए नीचे दिए गए कोड को लिख सकते हैं:

$selectNo=$_GET["selectNo"];
$arr=array();
switch(selectNo){
case 1: $arr["second"]="<option>....</option>.......<option...</option>"; //for second dropdown
case 2: $arr["third"]="<option>....</option>.......<option...</option>"; //for third dropdown
case 3: $arr["fourth"]="<option>....</option>.......<option...</option>"; //for fourth dropdown
case 4: $arr["fifth"="<option>....</option>.......<option...</option>"; //for fifth dropdown
}
 echo json_encode($arr);

JSON के बारे में अधिक जानकारी यहां मिल सकती है। ।