غالبا ما تستخدم صفحات الويب عناصر النموذج مثل مربعات النص ومربعات الاختيار والأزرار. عنصر آخر مفيد في النموذج هو تحديد ، والذي يسمح للمستخدم بتحديد قيمة واحدة أو أكثر من قائمة محددة مسبقا. ولكن كيف يمكنني الحصول على القيمة المحددة من العنصر المحدد باستخدام جافا سكريبت?
أولا ، نحتاج إلى الوصول إلى عنصر التحديد في دوم (نموذج كائن المستند). يمكن القيام بذلك باستخدام المستند.طريقة جيتليمنتبيد () أو طرق أخرى من أبي دوم. ثم يمكننا الحصول على القيمة المحددة لعنصر التحديد باستخدام خاصية القيمة.
مثال رمز بسيط:
الخيار 3
- احصل على القيمة
في هذا المثال ، عند النقر فوق الزر" الحصول على قيمة " ، سيتم عرض القيمة المحددة لعنصر التحديد. يمكن استخدام هذه القيمة لاحقا لأغراض مختلفة ، على سبيل المثال ، إرسال البيانات إلى الخادم أو تنفيذ إجراءات معينة في جافا سكريبت.
مثال على استخدام جافا سكريبت للحصول على قيمة من تحديد
خطوات للحصول على قيمة من تحديد باستخدام جافا سكريبت
سؤال وجواب
مثال على استخدام جافا سكريبت للحصول على قيمة من تحديد
يتيح لك استخدام جافا سكريبت الحصول على القيمة المحددة من عنصر التحديد واستخدامها لمزيد من المعالجة أو العرض على الصفحة.
للقيام بذلك ، يمكنك إضافة معالج حدث أونشانج إلى عنصر التحديد ، والذي سيتم استدعاؤه في كل مرة يقوم فيها المستخدم بتحديد عنصر جديد:
- الخيار 1
- عند تحديد خيار جديد ، سيتم عرض مربع حوار مع النص "الخيار المحدد:" وقيمة الخيار المحدد.
- إذا كنت ترغب في الحصول على القيمة من عنصر التحديد باستخدام جافا سكريبت ، فستحتاج إلى الخطوات التالية:
- فار سيليكتليمنت = وثيقة.جيتليمنتبيد ("ميسلكت");
للقيام بذلك ، يمكنك استخدام خاصية القيمة:
فار سيليكتدفالو = سيليكتليمنت.القيمة;
اختياري: احصل على نص العنصر المحدد.
إذا كنت بحاجة إلى الحصول على نص العنصر المحدد ، بدلا من قيمته ، يمكنك استخدام خاصية النص:
فار سيليكتدتكست = سيليكتليمنت.خيارات [حددعنصر.حدد مؤشر].النص;
استخدم القيم المستلمة حسب تقديرك.