تحديث حقول الاختيار في jQuery

Title: تعيين قيمة معينة لجميع حقول الاختيار في jQuery

Body: لدي عدة حقول اختيار على الصفحة، وأريد تكرارها جميعًا، وإذا لم تكن القيمة المحددة هي خيار معين، فأرغب في تعيين تلك القيمة كقيمة محددة.

لقد أنشأت بعض الحقول كالتالي (لاحظ أن الخيار الثاني محدد في select1):

واحداثنانثلاثةأربعةخمسة
واحداثنانثلاثةأربعةخمسة
واحداثنانثلاثةأربعةخمسة

الفكرة هنا هي وضع خانة اختيار عليها علامة عندما تكون محددة، ستقوم بتعيين select2 وselect3 ليكون لديهما الخيار 2 كمحدد، وسيتم إضافة سلسلة إلى القيمة لأعرف أنه تم تحديثها، على سبيل المثال ‘-تم التحديث’.

أقوم بتكرارها كالتالي، ولكن لا أستطيع معرفة كيفية تعيين الخاصية المحددة للخيار ‘2’ إذا لم يتم تحديدها بالفعل، ثم إلحاق ‘-تم التحديث’ بالقيمة:

$(‘select’).each(function() {

kotlinCopy code
var selected = $(this).find(":selected");

if (selected.val() != 2) {
    // قم بتعيين الخيار 2 كمحدد
    // إلحاق '-تم التحديث' بالقيمة

}

}

يرجى مشاهدة الرمز التجريبي على jsFiddle: https://jsfiddle.net/69zzr6xa/6/

أريد معرفة المزيد حول…؟

عند تكرار الحقول الاختيارية باستخدام $('select').each(function() {...}); في jQuery، يمكنك استخدام $(this).val('2-updated'); لتعيين القيمة المحددة للخيار ‘2’ وإلحاق ‘-updated’ بالقيمة. ويمكنك استخدام $(this).trigger('change'); لتحديث الحقل الاختياري بعد تعديل القيمة. وبهذا، ستقوم العملية بتحديث الحقول الاختيارية select2 وselect3 لتحديد الخيار ‘2’ وإضافة ‘-updated’ إلى القيمة إذا لم تكن محددة بالفعل.

تجدر الإشارة إلى أنه يمكنك تعيين القيمة وإلحاق النص المحدد بالقيمة مباشرةً دون الحاجة إلى استخدام find(":selected")، كما هو موضح في الرمز التالي:

javascriptCopy code
$('select').each(function() {
    if ($(this).val() != '2') {
        $(this).val('2-updated').trigger('change');
    }
});

سيقوم هذا الرمز بتحديث select2 وselect3 لتحديد الخيار ‘2’ وإضافة ‘-updated’ إلى القيمة إذا لم تكن محددة بالفعل.