ડ્રોપ ડાઉન મેનૂ કેવી રીતે બનાવવી તે જાવામાં નવું પૃષ્ઠ રીડાયરેક્ટ કરે છે

કેવી રીતે જાવાસ્ક્રિપ્ટ યુક્તિ કરે છે

શિખાઉ વેબસાઇટ ડિઝાઇનરો ઘણીવાર ડ્રોપ-ડાઉન મેનૂ કેવી રીતે બનાવવું તે જાણવા માગે છે જેથી જ્યારે નેવિગેટર કોઈ એક વિકલ્પ પસંદ કરે, ત્યારે તે આપમેળે તે પૃષ્ઠ પર રીડાયરેક્ટ કરવામાં આવશે. આ કાર્ય તેવું લાગે તેવું મુશ્કેલ નથી. પસંદ કરેલા નવા વેબ પૃષ્ઠ પર રીડાયરેક્ટ કરવા માટે એક ડ્રોપ-ડાઉન મેનૂ સેટ કરવા માટે, તમારે તમારા ફોર્મમાં કેટલાક સરળ જાવાસ્ક્રિપ્ટ ઉમેરવાની જરૂર છે.

શરૂ કરી રહ્યા છીએ

પ્રથમ, તમારે URL ને મૂલ્ય તરીકે શામેલ કરવા માટે તમારા ટૅગ્સને સેટ કરવાની જરૂર છે જેથી તમારા ફોર્મને ગ્રાહકને ક્યાં મોકલવું તે જાણે છે. નીચેના ઉદાહરણ જુઓ:

એચટીએમએલની શરૂઆત વેબ ડીઝાઇન ફ્રન્ટ પેજ

એકવાર તમે તે ટેગ્સ સેટ કરી લો તે પછી, તમારા ટેગમાં "ઓનચેન્જ" એટ્રીબ્યુટ ઉમેરવાની જરૂર પડશે, જ્યારે વિકલ્પોની સૂચિમાં ફેરફાર થાય ત્યારે શું કરવું તે બ્રાઉઝરને જણાવવું પડશે. ખાલી જાવાસ્ક્રિપ્ટ એક વાક્ય પર મૂકો, જેનું ઉદાહરણ નીચે બતાવે છે:

onchange = "window.location.href = this.form.URL.options [this.form.URL.selectedIndex]. મૂલ્ય">

ઉપયોગી ટિપ્સ

હવે તમારા ટૅગ્સ સેટ થઈ ગયા છે, યાદ રાખો કે તમારું પસંદનું નામ "URL" નામનું છે. જો તે ન હોય, તો ઉપર જાવાસ્ક્રિપ્ટ બદલો જ્યાં ક્યારેય તે "URL" ને તમારા પસંદ ટેગનું નામ વાંચવા માટે કહે છે. જો તમને વધુ વિગતવાર ઉદાહરણ જોઈએ, તો તમે આ ફોર્મ ઓનલાઇન ક્રિયામાં જોઈ શકો છો. જો તમને હજી વધારે માર્ગદર્શનની જરૂર હોય, તો તમે આ સ્ક્રિપ્ટ પર ચર્ચા કરતા ટૂંકા ટ્યુટોરીયલની સમીક્ષા કરી શકો છો અને જાવાસ્ક્રિપ્ટ સાથે તમે લઈ શકો છો.