اذهب إلى المحتوى

Ahmad Mubarak

الأعضاء
 عرض الملف الشخصي  تصفح المحتوى

  • المساهمات

    3

  • تاريخ الانضمام

  • تاريخ آخر زيارة

 نوع المحتوى 

ريادة الأعمال

البرمجة

التصميم

DevOps

التسويق والمبيعات

العمل الحر

البرامج والتطبيقات

آخر التحديثات

قصص نجاح

أسئلة وأجوبة

كتب

دورات

أجوبة بواسطة Ahmad Mubarak

  3. كيفية برمجة select option بلغة php

    في جافا سكريبت

    نشر · تم التعديل في بواسطة Ahmad Mubarak

    اختي الكريمة تحتاجين في هذه الحالة إلى استخدام jQuery وجافا سكربت اضافة إلى ال PHP

    مثال:

    ملف ال HTML يكون هكذا 

    <html>
  <head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  </head>
  <body>
    <select name="first" id="first" onchange="fillSecond()">
		<option value="0" >الرجاء الإختيار</option>
		<option value="1">برمجة</option>
		<option value="2">تصميم</option>
    </select>
    
	<select name="second" id="second">
		<option value="0" >الرجاء الإختيار</option>
    </select>
    
    <script type="text/javascript">
    function fillSecond() {
        var first = document.getElementById("first");
        var firstSelected = first.options[first.selectedIndex].value;
        $("#second").load("load.php", {
            Id: firstSelected
        });
    }   
    </script>
  </body>
</html>

    ملف ال PHP يكون هكذا واحرصي على تسميته load.php 

    <?php
$id = $_POST['Id'];
if( $id == 1 ):
?>
<option>PHP</option>
<option>HTML</option>
<option>Javascript</option>
<?php
elseif( $id == 2 ):
?>
<option>تصميم داخلي</option>
<option>تصميم بوسترات</option>
<option>تصميم مواقع</option>
<?php endif; ?>

    اذا اردتي في ال select الثاني ان تستدعي بيانات من قاعدج البيانات تقومين بتعديل ملف load.php بحيث تضعين while loop او foreach loop لاستدعاء البيانات من قاعدة البيانات
    وداخلها تضعين ال option مع المتغيرات داخل الحلقة while او foreach

    • أعجبني 1
×
×
  • أضف...