Php

Omer Amad · 16 أغسطس

كيفكم يا أصدقاء... فيه عندي صفحة تعديل php.... فيها form.... لديه مشكلة.... فيه عندي select طبيب او مهندس .... ولديه input خاص لإرسال الصور ال input يظهر اذا تم اختيار طبيب ويختفي اذا تم اختيار مهندس .... المشكلة هي لو كان المستخدم معلوماته السابقة هي طبيب وعاوز يغير إلى مهندس مشكله الصوره لم تحذف مع تغير الخيار وانازبدي صوره تحذف في حال تم تعديل وتغير خيار الطبيب إلى خيار المهندس.... لطفاً ارجو المساعدة

عبد الوهاب بومعراف · 17 أغسطس

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

<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>تعديل المعلومات</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        .hidden {
            display: none;
        }
    </style>
</head>
<body>
    <form method="POST" enctype="multipart/form-data">
        <label for="role">اختر الوظيفة:</label>
        <select id="role" name="role">
            <option value="doctor">طبيب</option>
            <option value="engineer">مهندس</option>
        </select>

        <div id="imageUpload" class="hidden">
            <label for="image">رفع الصورة:</label>
            <input type="file" id="image" name="image">
        </div>

        <input type="submit" value="تعديل">
    </form>

    <script>
        const roleSelect = document.getElementById('role');
        const imageUploadDiv = document.getElementById('imageUpload');
        const imageInput = document.getElementById('image');

        roleSelect.addEventListener('change', function() {
            if (this.value === 'doctor') {
                imageUploadDiv.classList.remove('hidden');
            } else {
                imageUploadDiv.classList.add('hidden');
                imageInput.value = ''; // حذف الصورة عند التغيير
            }
        });
        window.onload = function() {
            if (roleSelect.value === 'doctor') {
                imageUploadDiv.classList.remove('hidden');
            }
        };
    </script>
</body>
</html>

فهنا الملف يحتوي على نموذج يتضمن select لاختيار الوظيفة و input لرفع الصورة كما استخدمنا كلاس hidden لإخفاء عنصر رفع الصورة،

وعند تغيير الخيار في select، يتحقق مما إذا كان الخيار "طبيب" أو "مهندس" وإذا تم اختيار "مهندس" فسترى أنه يتم إخفاء عنصر رفع الصورة ويتم مسح قيمة الصورة.

Php

السؤال

Omer Amad

1 جواب على هذا السؤال

Recommended Posts

عبد الوهاب بومعراف

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية