ජාවාහි නව පිටුවකට යළි-යොමුවන Drop-Down මෙනුවක් සාදා ගන්නේ කෙසේද

JavaScript උපකරණය එකතු කරන්නේ කෙසේද?

නූඩ්ස් වෙබ් අඩවි නිර්මාණකරුවන්ට නිතරම පහතට පැමිනෙන මෙනුවක් සෑදීමට දැනගැනීමට අවශ්ය වේ. නාවිකයින් විසින් එක් විකල්පයක් තෝරාගන්නා විට ඒවා ස්වයංක්රීයවම පිටුවට යොමු කරනු ලැබේ. මෙම කර්තව්යය පෙනුනත් එය රඟපෑමක් නොවේ. තෝරාගත් විට නව වෙබ් පිටුවකට හරවා යැවීමේ මෙනුව පිහිටුවීම පිණිස, ඔබ ඔබේ ස්වරූපයට සරල JavaScript යෙදිය යුතුය.

ඇරඹේ

පළමුවෙන්ම, ඔබට ඔබගේ ටැගයන් URL අගය එකතු කළ යුතු අතර එමඟින් ඔබේ ආකෘතිය පාරිභෝගිකයාට යැවිය යුතු ය. පහත උදාහරණය බලන්න.

වෙබ් නිර්මාණ ශිල්පය මුල් පිටුව ආරම්භක HTML

ඔබ එම ටැග්ස් සකසනු ලැබූ පසු, විකල්ප ලැයිස්තුව වෙනස් වන විට බ්රවුසරයට පැවසීමට ඔබට ඔබේ "ටැන්ග්" ආකෘතිය එක් කිරීමට අවශ්ය වනු ඇත. සරල ලෙස එක් පේළියක JavaScript එකේ තබන්න, පහත දැක්වෙන උදාහරණය පහත දැක්වේ:

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

ප්රයෝජනවත් ඉඟි

දැන් ඔබේ ටැග්ස් සකස් කර ඇති අතර, ඔබගේ තෝරාගත් ටැගය නම් "URL" යනුවෙන් සහතික කිරීමට වග බලා ගන්න. එය එසේ නොමැති නම්, ඔබගේ තෝරාගත් ටැග් නාමය කියවීමට "URL" කියනුයේ කවුරුන් හෝ ඉහත කේත වෙබ් අඩවිය වෙනස් කරන්න. ඔබට වඩාත් සවිස්තරාත්මක උදාහරණයක් අවශ්ය නම්, ඔබට මෙම ආකෘතිය මාර්ගගතව ක්රියාකරනු ඇත. ඔබට තව මග පෙන්වීමක් අවශ්ය නම්, ඔබට මෙම කේත රචනය ගැන සාකච්ඡා කරන කෙටි සටහනක් සහ ජාවා ස්ක්රිප්ට් සමඟ ගත හැකි වෙනත් පියවරයන් සමාලෝචනය කළ හැකිය.