كيفية إختيار قيمة select بناء على قاعدة البيانات عند التعديل

إذا كنت تقصد أنك تريد جعل الكود يختار الخيار الذي يأتي من قاعدة البيانات بناء علي العنصر الذي تريد التعديل عليه .

فيبجب عليك التحقق من القيمة التي تأتي من قاعدة البيانات والقيمة الحالية لعنصر option فإذا كانا متساويين فيجب وضع خاصية selected هكذا :

<select name="Cn" id="Cn" onchange="show(this)">
    <option value="">الجننس</option>
    <option value="انثى" <?php echo ($row['Cn'] == 'انثى') ? 'selected' : ''; ?>>انثى</option>
    <option value="ذكر" <?php echo ($row['Cn'] == 'ذكر') ? 'selected' : ''; ?>>ذكر</option>
</select>

وهكذا إذا كان $row ['Cn'] والذي يأتي من قاعدة البيانات إذا كان مساويا لانثى سيتم إختيار هذا الخيار وإذا كان مساويا لذكر سيتم إختيار هذا الخيار .

ولكن تأكد من أم القيم مساويه تماما للقيمة فلو كانت في قاعدة البيانات مثلا "أنثي" و قيمة select هي "انثى" فلن يتحقق الشرط لأن النصين ليسا متساويين فالإختلاف في حرف ال "أ"

بتاريخ 2 ساعة قال محمد عاطف17:

إذا كنت تقصد أنك تريد جعل الكود يختار الخيار الذي يأتي من قاعدة البيانات بناء علي العنصر الذي تريد التعديل عليه .

فيبجب عليك التحقق من القيمة التي تأتي من قاعدة البيانات والقيمة الحالية لعنصر option فإذا كانا متساويين فيجب وضع خاصية selected هكذا :

<select name="Cn" id="Cn" onchange="show(this)">
    <option value="">الجننس</option>
    <option value="انثى" <?php echo ($row['Cn'] == 'انثى') ? 'selected' : ''; ?>>انثى</option>
    <option value="ذكر" <?php echo ($row['Cn'] == 'ذكر') ? 'selected' : ''; ?>>ذكر</option>
</select>

وهكذا إذا كان $row ['Cn'] والذي يأتي من قاعدة البيانات إذا كان مساويا لانثى سيتم إختيار هذا الخيار وإذا كان مساويا لذكر سيتم إختيار هذا الخيار .

ولكن تأكد من أم القيم مساويه تماما للقيمة فلو كانت في قاعدة البيانات مثلا "أنثي" و قيمة select هي "انثى" فلن يتحقق الشرط لأن النصين ليسا متساويين فالإختلاف في حرف ال "أ"

تمام ضبطت..... لكن فيه عندي select اخر متربط معهم مثلا لما يتم ختيار انثى سيظهر select فيه خيارات وهذه الخيارات تعرض في حقل تحت  اخر

                        <select  id="na" name="nah"style="display:none;"  value="<?php echo $row ['nah'] ?>">
                            <option>نوع المركز</option>
                            <option  value="المركز الاول">المركز الاول</option>
                            <option  value="المركز الثاني">المركز الثاني </option>
                        </select>

بتاريخ 15 دقائق مضت قال Omer Amad:

تمام ضبطت..... لكن فيه عندي select اخر متربط معهم مثلا لما يتم ختيار انثى سيظهر select فيه خيارات وهذه الخيارات تعرض في حقل تحت  اخر

                        <select  id="na" name="nah"style="display:none;"  value="<?php echo $row ['nah'] ?>">
                            <option>نوع المركز</option>
                            <option  value="المركز الاول">المركز الاول</option>
                            <option  value="المركز الثاني">المركز الثاني </option>
                        </select>

 

في هذه الحالة يمكنك للتحكم في عرض واختفاء الـ<select> الثاني بناء على التحديد الأول كما يمكنك تحديد الخيار الصحيح في الـ<select> الثاني بناء على القيمة المخزنة في قاعدة البيانات وهذا من خلال استخدام كود جافا سكريبت كما موضح هنا:

<!-- الـselect الأول -->
<select name="Cn" id="Cn" onchange="showSelect(this)">
    <option value="">الجننس</option>
    <option value="انثى" <?php echo ($row['Cn'] == 'انثى') ? 'selected' : ''; ?>>انثى</option>
    <option value="ذكر" <?php echo ($row['Cn'] == 'ذكر') ? 'selected' : ''; ?>>ذكر</option>
</select>

<!-- الـselect الثاني -->
<select id="na" name="nah" style="display: <?php echo ($row['Cn'] == 'انثى') ? 'block' : 'none'; ?>;" value="<?php echo $row['nah']; ?>">
    <option value="">نوع المركز</option>
    <option value="المركز الاول" <?php echo ($row['nah'] == 'المركز الاول') ? 'selected' : ''; ?>>المركز الاول</option>
    <option value="المركز الثاني" <?php echo ($row['nah'] == 'المركز الثاني') ? 'selected' : ''; ?>>المركز الثاني</option>
</select>

<!-- JavaScript للتحكم في العرض -->
<script>
function showSelect(selectElement) {
    var naSelect = document.getElementById('na');
    if (selectElement.value === 'انثى') {
        naSelect.style.display = 'block';
    } else {
        naSelect.style.display = 'none';
    }
}
</script>

فهنا عند تغيير القيمة في الـ<select> الأول (Cn)، يقوم التابع showSelect بالتحقق مما إذا كان الخيار المحدد هو "انثى" فإذا كان كذلك يتم عرض الـ<select> الثاني (na) أما إذا لم يكن كذلك، يتم إخفاؤه.

كما يتم تعيين display للـ<select> الثاني استنادا إلى القيمة المخزنة في قاعدة البيانات عند تحميل الصفحة، بحيث إذا كانت القيمة المخزنة هي "انثى"، يتم عرض الـ<select> الثاني بشكل افتراضي.

بتاريخ 22 دقائق مضت قال ياسر مسكين:

في هذه الحالة يمكنك للتحكم في عرض واختفاء الـ<select> الثاني بناء على التحديد الأول كما يمكنك تحديد الخيار الصحيح في الـ<select> الثاني بناء على القيمة المخزنة في قاعدة البيانات وهذا من خلال استخدام كود جافا سكريبت كما موضح هنا:

<!-- الـselect الأول -->
<select name="Cn" id="Cn" onchange="showSelect(this)">
    <option value="">الجننس</option>
    <option value="انثى" <?php echo ($row['Cn'] == 'انثى') ? 'selected' : ''; ?>>انثى</option>
    <option value="ذكر" <?php echo ($row['Cn'] == 'ذكر') ? 'selected' : ''; ?>>ذكر</option>
</select>

<!-- الـselect الثاني -->
<select id="na" name="nah" style="display: <?php echo ($row['Cn'] == 'انثى') ? 'block' : 'none'; ?>;" value="<?php echo $row['nah']; ?>">
    <option value="">نوع المركز</option>
    <option value="المركز الاول" <?php echo ($row['nah'] == 'المركز الاول') ? 'selected' : ''; ?>>المركز الاول</option>
    <option value="المركز الثاني" <?php echo ($row['nah'] == 'المركز الثاني') ? 'selected' : ''; ?>>المركز الثاني</option>
</select>

<!-- JavaScript للتحكم في العرض -->
<script>
function showSelect(selectElement) {
    var naSelect = document.getElementById('na');
    if (selectElement.value === 'انثى') {
        naSelect.style.display = 'block';
    } else {
        naSelect.style.display = 'none';
    }
}
</script>

فهنا عند تغيير القيمة في الـ<select> الأول (Cn)، يقوم التابع showSelect بالتحقق مما إذا كان الخيار المحدد هو "انثى" فإذا كان كذلك يتم عرض الـ<select> الثاني (na) أما إذا لم يكن كذلك، يتم إخفاؤه.

كما يتم تعيين display للـ<select> الثاني استنادا إلى القيمة المخزنة في قاعدة البيانات عند تحميل الصفحة، بحيث إذا كانت القيمة المخزنة هي "انثى"، يتم عرض الـ<select> الثاني بشكل افتراضي.

بارك  الله فيك اخي لديه سلكت وانبوت اخرين مرتبة مع خيار انثى

        <select  id="am" name="aly" style="display:none;"  value="<?php echo $row ['aly'] ?>">
                        <option value="">هل انت</option>
                            <option  value="نعم">نعم</option>
                            <option  value="لا">لا</option>

                        </select>

 <div>
                        <label id="zoo" style="display: none;"  value="<?php echo $row ['zoo'] ?>">ارسل صورة :</label>
                         <input  type="file" id="img" name="file" style="display: none;" value="<?php echo $row ['file'] ?>">
                    </div> <br>