Drop Down Menu Javascript -

मेरे पास दो ड्रॉप डाउन मेनू के लिए html है

  & lt; div id = "selects" & gt; & Lt; div id = "select1 डिव" शैली = "फ्लोट: बाएं; मार्जिन-दाएं: 15px;" & gt; अपनी & amp; lt; इच्छित पालतू & amp; gt; चुनें & Lt; br & gt; & Lt; चयन करें नाम = "प्रथम चयन करें" id = "पहले चुनें" & gt; & LT; विकल्प & gt; ---- & lt; / विकल्प & gt; & Lt; / चयन & gt; & Lt; / div & gt; & Lt; div id = "select2Div" & gt; अपनी & amp; lt; लिंग & amp; gt; चुनें & Lt; br & gt; & Lt; चयन करें नाम = "दूसरा चयन करें" id = "दूसरा चयन करें" & gt; & LT; विकल्प & gt; ---- & lt; / विकल्प & gt; & Amp; nbsp; & Lt; / चयन & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; br & gt;  

मैं जावास्क्रिप्ट के लिए नया हूँ, तो क्या कोई कृपया सही दिशा में मुझसे बात कर सकता है जैसे कि इस के कोडींग भाग से कैसे आरंभ किया जाए? मैं जो करना चाहता हूँ, वांछित पालतू ड्रॉप के नीचे बिल्ली और कुत्ते को जोड़ता है, और लिंग विकल्प के तहत पुरुष या महिला। किसी भी मदद की सराहना की जाती है

यदि आपको विशेष रूप से जावास्क्रिप्ट का उपयोग करने की आवश्यकता है, तो आप ऐसा कुछ लिख सकते हैं :

  $ ('# पहले चयन) .append (' & lt; विकल्प मान = "बिल्ली" & gt; कैट & lt; / option & gt; ') .append (' & lt; विकल्प मान = "कुत्ता "& gt; कुत्ता & lt; / विकल्प & gt; '); $ ('# सेकंड सेलेक्ट') .append ('& lt; विकल्प मान = "मी" & gt; पुरुष & lt; / विकल्प & gt;') .append ('& lt; विकल्प मान = "एफ" & gt; महिला & lt; / option & gt;');  

इसके लिए जावास्क्रिप्ट का प्रयोग केवल तब ही समझ में आता है जब आप ईवेंट, एक एजेक्स कॉल या गतिशील रूप से विकल्प जोड़ना चाहते हैं।