डेटाबेस का उपयोग किए बिना पहले ड्रॉपडाउन में चयन के आधार पर दूसरे ड्रॉपडाउन में विकल्पों को स्वचालित रूप से कैसे अपडेट करें

आपके पास दो ड्रॉपडाउन हैं जहां विकल्प डेटाबेस से पुनर्प्राप्त नहीं किए गए हैं। पहला ड्रॉपडाउन उपयोगकर्ता को एक श्रेणी चुनने की अनुमति देता है। दूसरे ड्रॉपडाउन में विकल्प पहले ड्रॉपडाउन में चयन पर निर्भर करते हैं।

उदाहरण के लिए, यदि उपयोगकर्ता पहले ड्रॉपडाउन में पहला विकल्प चुनता है, तो दूसरे ड्रॉपडाउन में विकल्प प्रदर्शित होने चाहिए स्मार्टफोन और चार्जर। यदि उपयोगकर्ता अपने चयन को दूसरा विकल्प में बदलता है, तो दूसरे ड्रॉपडाउन में अब विकल्प बास्केटबॉल और वॉलीबॉल प्रदर्शित होने चाहिए।

डेटाबेस का उपयोग किए बिना कार्यान्वयन

<option value="0">None</option>
<option value="1">First</option>
<option value="2">Second</option>

फ़ंक्शन चेंजसेकंडड्रॉपडाउन(श्रेणी) {
const विकल्प = {

"1": ["Smartphone", "Charger"],
"2": ["Basketball", "Volleyball"]

};

// दूसरे ड्रॉपडाउन में विकल्प साफ़ करें
const आइटमड्रॉपडाउन = document.getElementById("आइटम") ;
आइटम्सड्रॉपडाउन.इनरHTML = "";

// चयनित श्रेणी के आधार पर नए विकल्प जोड़ें
स्थिरांक चयनितविकल्प = विकल्प[श्रेणी.मान];
for (चयनितविकल्प का स्थिरांक विकल्प) ) {

const newOption = document.createElement("option");
newOption.value = option;
newOption.textContent = option;
itemsDropdown.appendChild(newOption);

}
}

यह कार्यान्वयन प्रत्येक के लिए विकल्पों को संग्रहीत करने के लिए एक जावास्क्रिप्ट ऑब्जेक्ट का उपयोग करता है वर्ग। जब उपयोगकर्ता पहले ड्रॉपडाउन में चयन बदलता है, तो ChangeSecondDropdown फ़ंक्शन को कॉल किया जाता है, जो चयनित श्रेणी के आधार पर दूसरे ड्रॉपडाउन में विकल्पों को अपडेट करता है।