ജാവയിലെ ഒരു പുതിയ പേജിലേക്ക് റീഡയറക്റ്റ് ചെയ്യുന്ന ഒരു ഡ്രോപ്പ്-ഡൗൺ മെനു സൃഷ്ടിക്കുന്നത് എങ്ങനെ

എങ്ങനെ ജാവാസ്ക്രിപ്റ്റിനെ ചലിപ്പിക്കുന്നു

നവീന വെബ്സൈറ്റ് ഡിസൈനർമാർക്ക് ഒരു ഡ്രോപ്പ് ഡൗൺ മെനു എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് പലപ്പോഴും അറിയാൻ കഴിയും, അങ്ങനെ നാവിഗേറ്റർമാർ ഓപ്ഷനുകളിലൊന്ന് തിരഞ്ഞെടുത്ത് അവ സ്വയം ആ പേജിലേക്ക് റീഡയറക്ട് ചെയ്യും. ഈ ജോലി അത് തോന്നിയേക്കാവുന്നതുപോലെ തമാശയല്ല. തിരഞ്ഞെടുത്തപ്പോൾ ഒരു പുതിയ വെബ്പേജിലേക്ക് റീഡയറക്ടുചെയ്യാൻ ഒരു ഡ്രോപ്പ്-ഡൗൺ മെനു ക്രമീകരിക്കുന്നതിന്, നിങ്ങളുടെ ഫോമിലേക്ക് കുറച്ച് ലളിതമായ JavaScript ചേർക്കേണ്ടതുണ്ട്.

ആമുഖം

ആദ്യം, യുആർഎൽ മൂല്യമായി ചേർക്കുന്നതിന് നിങ്ങളുടെ ടാഗുകൾ സജ്ജീകരിക്കേണ്ടതുണ്ട്, അതിലൂടെ ഉപഭോക്താവ് അയയ്ക്കാൻ നിങ്ങളുടെ ഫോം അറിയും. ഇനിപ്പറയുന്ന ഉദാഹരണം കാണുക:

വെബ് ഡിസൈൻ ആദ്യ പേജ് HTML ആരംഭിക്കുന്നു

ഒരിക്കൽ നിങ്ങൾ ആ ടാഗുകൾ സജ്ജീകരിച്ചുകഴിഞ്ഞാൽ, ഓപ്ഷനുകളുടെ ലിസ്റ്റ് മാറുമ്പോൾ ബ്രൗസർ പറയുന്നത് നിങ്ങളുടെ ടാഗിന് ഒരു "ഓൺചേഞ്ച്" ആട്രിബ്യൂട്ട് ചേർക്കേണ്ടതായി വരും. ലളിതമായി ജാവാസ്ക്രിപ്റ്റ് ഒരു വരിയിൽ ഇടാം, ചുവടെയുള്ള ഉദാഹരണം കാണിക്കുന്നു:

onchange = "window.location.href = this.form.URL.options [this.form.URL.selectedIndex].

സഹായകരമായ നുറുങ്ങുകൾ

ഇപ്പോൾ നിങ്ങളുടെ ടാഗുകൾ സജ്ജമാക്കിയിരിക്കുന്നതിനാൽ, നിങ്ങളുടെ തിരഞ്ഞെടുത്ത ടാഗ് "URL" ആണെന്ന് ഉറപ്പുവരുത്തുക. ഇല്ലെങ്കിൽ, നിങ്ങളുടെ തിരഞ്ഞെടുത്ത ടാഗ് നാമം വായിക്കാൻ "URL" എന്ന് പറയുന്നിടത്ത് മുകളിലുള്ള JavaScript മാറ്റുക. നിങ്ങൾക്ക് കൂടുതൽ വിശദമായ ഒരു ഉദാഹരണമുണ്ടെങ്കിൽ, ഈ ഫോമിൽ ഓൺലൈനിൽ പ്രവർത്തനം കാണാൻ കഴിയും. നിങ്ങൾക്ക് ഇനിയും കൂടുതൽ മാർഗ്ഗനിർദ്ദേശങ്ങൾ വേണമെങ്കിൽ, ഈ സ്ക്രിപ്റ്റിനെക്കുറിച്ചും മറ്റ് ചില ഘട്ടങ്ങളിലൂടെ JavaScript- ഉം സ്വീകരിക്കുന്ന ഒരു ലഘു ട്യൂട്ടോറിയലും നിങ്ങൾക്ക് അവലോകനം ചെയ്യാവുന്നതാണ്.