كيفية إنشاء قائمة منسدلة التي يعيد توجيه إلى صفحة جديدة في جافا

كيف تعمل إضافة جافا سكريبت على الخدعة

غالبًا ما يريد مصممو مواقع الويب المبتدئين معرفة كيفية إنشاء قائمة منسدلة بحيث عندما يختار الملاحون أحد الخيارات ، فسيتم إعادة توجيههم تلقائيًا إلى تلك الصفحة. هذه المهمة ليست صعبة كما قد تبدو. لإعداد قائمة منسدلة لإعادة التوجيه إلى صفحة ويب جديدة عند تحديدها ، تحتاج إلى إضافة بعض JavaScript بسيط إلى النموذج الخاص بك.

ابدء

أولاً ، تحتاج إلى إعداد علاماتك لتضمين عنوان URL كقيمة بحيث يعرف النموذج الخاص بك مكان إرسال العميل. انظر المثال التالي:

تصميم صفحات الويب الأمامية الصفحة HTML

بعد إعداد هذه العلامات ، ستحتاج إلى إضافة سمة "onchange" إلى علامتك لإخبار المتصفح بما يجب فعله عند تغيير قائمة الخيارات. ما عليك سوى وضع جافا سكريبت على سطر واحد ، وهو ما يوضحه المثال أدناه:

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

نصائح مفيدة

الآن بعد إعداد علاماتك ، تذكر أن تتأكد من تحديد العلامة المحددة "عنوان URL". إذا لم يكن الأمر كذلك ، فقم بتغيير جافا سكريبت أعلاه حيث تقول "عنوان URL" على الإطلاق لقراءة اسم العلامة المحددة. إذا كنت تريد مثالًا أكثر تفصيلاً ، يمكنك مشاهدة هذا النموذج في إجراء عبر الإنترنت. إذا كنت لا تزال بحاجة إلى مزيد من الإرشادات ، يمكنك أيضًا مراجعة برنامج تعليمي موجز يناقش هذا البرنامج النصي وبعض الخطوات الأخرى التي يمكنك اتخاذها باستخدام JavaScript.