javascript - Show select options based on choice from previous se;lection -

मेरे पास निम्न है ....

HTML

  & Lt; चुनें class = "form-control" id = "गतिविधि" नाम = "गतिविधि" & gt; & Lt; विकल्प मान = "" चयनित = "चयनित" & gt; गतिविधि चुनें & lt; / option & gt; & Lt; विकल्प आईडी = "1" मान = "1" & gt; पेंटबॉल & lt; / विकल्प & gt; & Lt; विकल्प आईडी = "2" मान = "2" & gt; लेजर टैग & lt; / option & gt; & Lt; विकल्प आईडी = "3" मान = "3" & gt; स्प्लेटबॉल & lt; / option & gt; & Lt; विकल्प आईडी = "4" मान = "4" & gt; एयरसॉफ्ट & lt; / विकल्प & gt; & Lt; / चयन & gt; & Lt; चुनें class = "form-control" id = "session" name = "session" अपेक्षित & gt; & lt; / select & gt;  

JS

  (फ़ंक्शन ($) {$ ('# गतिविधि')। परिवर्तन (फ़ंक्शन () {var विकल्प = ''; यदि ( $ (यह) .val () == '1') {विकल्प = '& lt; विकल्प मान = "1" & gt; सुबह: 09.30 - 12.30 & lt; / option & gt; & lt; विकल्प मान = "2" & gt; सभी दिवस : 09:30 - 16: 00 & lt; / विकल्प & gt; विकल्प मान = "3" & gt; दोपहर: 13:00 - 16: 00 & lt; / विकल्प & gt; ';} और यदि ($ (यह) .val () = = '2') {विकल्प = '& lt; विकल्प मान = "5" & gt; सत्र 1: 09:30 - 11: 30 & lt; / विकल्प & gt; विकल्प मान = "6" & gt; सत्र 2: 12:00 - 14: 00 & lt; / विकल्प & gt; विकल्प मान = "7" & gt; सत्र 3: 14:30 - 16: 30 & lt; / विकल्प & gt; ';} और यदि ($ (यह) .val () ==' 3 ' ) {विकल्प = '& lt; विकल्प मान = "9" & gt; सत्र 1: 09:30 - 11: 30 & lt; / विकल्प & gt; विकल्प मान = "10" & gt; सत्र 2: 12:00 - 14: 00 & lt; / विकल्प & gt; & lt; विकल्प मान = "11" & gt; सत्र 3: 14:30 - 16: 30 & lt; / विकल्प & gt; विकल्प मान = "12" & gt; सत्र 4: 16:30 - 18: 30 & lt; / विकल्प & gt; ; '; } और अगर ($ (यह) .val () == '4') {विकल्प = '& lt; विकल्प मान = "14" & gt; पूर्ण दिवस: 09:30 - 16: 30 & lt; / विकल्प & gt;'; } $ ('# सत्र')। Html (विकल्प)। दिखाएं (); }); }) (JQuery);  

मैं केवल पहले चयन के आधार पर, दूसरे चयन बॉक्स में दिखाए जाने वाले कुछ विकल्प प्राप्त करने की कोशिश कर रहा हूं, लेकिन मैं काम करने के लिए खूनी बात नहीं पा रहा हूं। Devtools में कोई भी त्रुटि नहीं देख रही है।

एचटीएमएल के बाद अपनी स्क्रिप्ट ले जाएँ, यह काम करेगा।