لنفترض أن لديك تطبيق JSP حيث تقوم بإنشاء أزرار HTML داخل حلقة for. تريد تمرير معرف كل زر إلى دالة JavaScript، ولكن الطريقة التي تستخدمها الآن تمرر فقط معرف الزر الأول. لحل هذه المشكلة وتمرير معرف كل زر، يمكنك استخدام تقنية تسمى “تعبئة وتفريغ” (concatenation) في جافا سكريبت.
في تعليمة for التي تنشئ فيها الأزرار، يمكنك استخدام تعبئة وتفريغ لإنشاء معرف فريد لكل زر. على سبيل المثال، يمكنك استخدام متغير i في اللوحة القادمة كجزء من معرف الزر:
html<%for(int i=0;i<5;i++){%>
<input type="button" class="btn-success btn-rounded" id="button<%=i%>" value="abcd" onclick="changeButton('button<%=i%>')">
في هذا المثال، سيتم إنشاء معرف فريد لكل زر يبدأ بـ “button” متبوعًا بقيمة i. وعند النقر فوق الزر، سيتم تمرير معرف الزر الحالي إلى دالة JavaScript changeButton.
ثم، في دالة changeButton في جافا سكريبت، يمكنك استخدام معرف الزر الذي تم تمريره لتنفيذ الإجراءات المطلوبة للزر الحالي.
المزيد من المعلومات
بالطبع! في الشفرة التي قدمتها، يتم استخدام تعبئة وتفريغ لإنشاء معرف فريد لكل زر. عند تنفيذ الشفرة، سيتم إنشاء خمسة أزرار مع معرفات فريدة تبدأ بـ “button” متبوعة بقيمة i، حيث يتم تعيين قيم i من 0 إلى 4.
عند النقر فوق أي زر، سيتم استدعاء دالة changeButton في جافا سكريبت وتمرير معرف الزر الحالي إليها. يمكنك استخدام هذا المعرف داخل دالة changeButton لتحديد الزر الذي تم النقر عليه واتخاذ الإجراءات المناسبة بناءً على ذلك، مثل تغيير النمط أو إجراء أي عملية أخرى تحتاجها التطبيق.
