الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

مساعده في list

بدأه لمن تزرع الورد في 16 مايو 2012 · 7 رد · 1,097 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم انا مبتدأه في html

صممت فورم بسيط

لكن واجهت مشكله في القائمه المنسدله

كيف ممكن أعمل الخيارات التي بداخل قائمه اختيار التخصص مشروطه مع القائمه المنسدله السابقه التابعه لل الكليه

يعني للتوضييح مثلا اذا تم اختيار كلية الهندسه تلقائيا القائمه المنسدله في التخصص التابع للطالب يظهر له خيارات فروع تخصص الهندسه فقط يعني تظهر فقط هندسة الكهرباء و الحاسوب و المكياترونكس و الاتمته الصناعيه فقط هذه الخيارتتكون موجوده

أما اذا اختار كلية العلوم التطبيقه تطهر له في قائمة التخصص فقط الفيزياء التطبيقه و الكيماء التطبيقه و الراياضيات التطبيقه التي تكون ضمن الخيارات .. و هكذا

<form
<br>	الكلية 	<br>	<select name="_select1"> 
                                <option value="1" selected>االهندسة و التكنولوجيا  </option>
								<option value="2" >العلوم التطبيقية </option>
								<option value="3">الادراة و الاقتصاد </option>
								<option value="4">التربية التكنولوجية</option>
								<option value="5">التربية الرياضية</option>

								</select>










				<br>	التخصص	<br>	<select name="_select2"> 

                                <option value="1" selected>هندسة الكهربائية</option>
								<option value="2" >هندسة الحاسوب</option>
								<option value="3">هندسة الاتصالات</option>
								<option value="4">الاتمتة الصناعية</option>
								<option value="5">هندسة الميكاترونكس</option>
								<option value="6">رياضيات تطبيقية</option>
								<option value="7">كيمياء تطبيقية</option>
								<option value="8">فيزياء تطبيقية</option>
								<option value="9">التربية التكنولوجية</option>
								<option value="10">التربية الرياضية</option>
								</select>
                                                                 </form>
#2

أنا مش شايف أي JS بالكود بتوقع انها مستحيل تنعمل بالـ HTML مشكلتك بدها جافا سكريبت على الاقل بس لا مستحيل تنعمل بس HTML

مشكلتك مش بالقوائم

#3

أنا مبتدأه في HTML أخي ممكن مساعده ما هي JS ؟؟

#4

ال JS هي الجافا سكريبت ... و إذا لسا مبتدئة بالـ HTML معناها لسا ما دخلتي بالجافا سكريبت ..... أنا ما بعرف إذا الهدف التعلم ولا الشغل إذا للشغل بعملك اياه اذا تعلم بدك لازم توخذي وقتك لانه اذا لسا مبدئة بالـ HTML لازم على الاقل تتعاملي مع الـ CSS و الـ HTML صح و بعدين تفكري بالجافا سكريبت

#5

هذا الكود جزء من مشروع بشتغل عليه يعني هذا جزء من كود

بحث في html كيف أعملها لكن لم أجد ذلك و انا ما بعرف css

انا فقط اريد انا أقيد ال list الثانيه بناء ع ال list الأولى من أجل يطلع شغل المشروع مضبوظ

لانو هذا فورم سوف أضعه في كود php

أيضا انا في php مبتدأه ممكن المساعده أخي

هذا الكود الكامل 

<html >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<title></title>
</head>

<body >
<div><center><h3>طلب تقديم خدمة مجتمع</h3></center></div>
<div >
<form align="right" action="project2.php"  method="post" >

<fieldset >
<h5>**عزيزي الطالب تحية طيبة اذا كنت حاليا مسجل لمساق خدمة المجتمع وترغب الخدمة في مكان معين ما عليك الا تعبئة الطلب التالي بدقة**
<br><bR>

<fieldset>
<legend><h3>معلومات الطالب </h3></legend>
<h5>


 اسم الطالب كما في سجلات الجامعة<br><input type="text" align="right" size ="40"Name="_Name"><br>

رقم التسجيل في الجامعة  <br>	<input type="text" align="right" size="40" Name="_No"> <br>

     مكان السكن الحالي <br>	<input type="text" align="right" size="40" Name="_RECIDNET1"> <br>

      مكان السكن الدائم	<br>  <input type="text" align="right" size="40" Name="_RECIDNET2"><br>


<br>	الكلية 	<br>	<select name="_select1"> 
                                <option value="1" selected>االهندسة و التكنولوجيا  </option>
								<option value="2" >العلوم التطبيقية </option>
								<option value="3">الادراة و الاقتصاد </option>
								<option value="4">التربية التكنولوجية</option>
								<option value="5">التربية الرياضية</option>

								</select>










				<br>	التخصص	<br>	<select name="_select2"> 

                                <option value="1" selected>هندسة الكهربائية</option>
								<option value="2" >هندسة الحاسوب</option>
								<option value="3">هندسة الاتصالات</option>
								<option value="4">الاتمتة الصناعية</option>
								<option value="5">هندسة الميكاترونكس</option>
								<option value="6">رياضيات تطبيقية</option>
								<option value="7">كيمياء تطبيقية</option>
								<option value="8">فيزياء تطبيقية</option>
								<option value="9">التربية التكنولوجية</option>
								<option value="10">التربية الرياضية</option>
								</select>

</h5>

</fieldset>

<br>

<fieldset>
<legend><h3>مكان الخدمة</h3></legend>
<h5>
حدد المكان الذي تريد الخدمة فيه**<br><br>



 <input type="radio" name="the_place_service"  value="1"  />داخل الجامعة

 <br>

<input type="radio"   name="the_place_service"   value="2" /> خارج الجامعة
<br>


<br>
  اذا كنت تريد الخدمة خارج الجامعة حدد المكان الذي تريد ان تخدم به<br>
<input type="text" align="right" size="40"name="_outset">
<br>
هذا أمر اختياري هل  ترغب في التبرع بوحدة دم حيث يتم احتساب 10 ساعات من مجمل 40 ساعه من الخدمه اذا تبرعت بوحدة دم  <br>


<input type="radio" name="blood_service"  value="1"  /> نعم 

 <br>

<input type="radio"   name="blood_service"   value="2" /> لا
<br>

<form id="frmPreselect" name="frmPreselect">

  <select id="lstNames" name="lstNames">
    <option value="John">John</option>
    <option value="Sam">Sam</option>
    <option value="Peter" selected="selected">Peter</option>
    <option value="Henri">Henri</option>
  </select>

</form>







</h5>
</fieldset>
<br>


<fieldset>
<legend><h3>اليات الاتصال</h3></legend>
<h5>

<input type="text" size="40" name="_jawwal">  الجوال<br>
<input type="text" size="40" name="_phone">   الهاتف<br>
<input type="text" size="40" name="_email">  EMAIL<br>
</h5>
</fieldset>
<br>


<fieldset>


<legend><h3> الملاحظات </h3></legend>
<h5>

<p>
	مساق خدمة المجتمع هوي كأي مساق يسجل من خلال البوابة الكترونية •
 <br>
	المساق الزامي لطلبة البكالوريس بواقع 40 ساعه خدمة   •
<br>
	شكرا لكم دائرة الدراسات و التنمية المجتمعية •
	</p>
<br>
</h5>
</fieldset>
</h5>
<input type="submit" value="submit">








</form>
</body>
</html>
#6

ممكن مساااااااااااااااااااااااااااعده لو سمحتووووووووووو

#7

استخدم مكتبة الـ jquery

هذا الكود بعد التعديل يعمل بنجاح عند اختيار قسم الهندسة و التكنولوجيا يتم ظهور القائمة المنسدلة الثانية

ادرسي الكود جيداً للتعامل بنفس الطريقة مع القوائم المنسدلة الاخرى

<html >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<title></title>
</head>

<body >
<div><center><h3>طلب تقديم خدمة مجتمع</h3></center></div>
<div >
<form align="right" action="project2.php"  method="post" >

<fieldset >
<h5>**عزيزي الطالب تحية طيبة اذا كنت حاليا مسجل لمساق خدمة المجتمع وترغب الخدمة في مكان معين ما عليك الا تعبئة الطلب التالي بدقة**
<br><bR>

<fieldset>
<legend><h3>معلومات الطالب </h3></legend>



اسم الطالب كما في سجلات الجامعة<br><input type="text" align="right" size ="40"Name="_Name"><br>
رقم التسجيل في الجامعة  <br>    <input type="text" align="right" size="40" Name="_No"> <br>
 مكان السكن الحالي <br>     <input type="text" align="right" size="40" Name="_RECIDNET1"> <br>
  مكان السكن الدائم <br>  <input type="text" align="right" size="40" Name="_RECIDNET2"><br>


<br>    الكلية  <br>
<select name="_select1" id="mainSelect"> 
	<option value="0" selected>اختر من القائمة</option>
	<option value="1" >االهندسة و التكنولوجيا  </option>
	<option value="2" >العلوم التطبيقية </option>
	<option value="3">الادراة و الاقتصاد </option>
	<option value="4">التربية التكنولوجية</option>
	<option value="5">التربية الرياضية</option>
</select>

<div id="engineering" style="display: none;">
<br>    التخصص  <br>
 <select name="_select2"> 
<option value="1" selected>هندسة الكهربائية</option>
	<option value="2" >هندسة الحاسوب</option>
	<option value="3">هندسة الاتصالات</option>
	<option value="4">الاتمتة الصناعية</option>
	<option value="5">هندسة الميكاترونكس</option>
	<option value="6">رياضيات تطبيقية</option>
	<option value="7">كيمياء تطبيقية</option>
	<option value="8">فيزياء تطبيقية</option>
	<option value="9">التربية التكنولوجية</option>
	<option value="10">التربية الرياضية</option>
</select>
</div>

</fieldset>

<br>

<fieldset>
<legend><h3>مكان الخدمة</h3></legend>
<h5>
حدد المكان الذي تريد الخدمة فيه**<br><br>



 <input type="radio" name="the_place_service"  value="1"  />داخل الجامعة

 <br>

<input type="radio"   name="the_place_service"   value="2" /> خارج الجامعة
<br>


<br>
  اذا كنت تريد الخدمة خارج الجامعة حدد المكان الذي تريد ان تخدم به<br>
<input type="text" align="right" size="40"name="_outset">
<br>
هذا أمر اختياري هل  ترغب في التبرع بوحدة دم حيث يتم احتساب 10 ساعات من مجمل 40 ساعه من الخدمه اذا تبرعت بوحدة دم  <br>


<input type="radio" name="blood_service"  value="1"  /> نعم 

 <br>

<input type="radio"   name="blood_service"   value="2" /> لا
<br>

<form id="frmPreselect" name="frmPreselect">

  <select id="lstNames" name="lstNames">
    <option value="John">John</option>
    <option value="Sam">Sam</option>
    <option value="Peter" selected="selected">Peter</option>
    <option value="Henri">Henri</option>
  </select>

</form>







</h5>
</fieldset>
<br>


<fieldset>
<legend><h3>اليات الاتصال</h3></legend>
<h5>

<input type="text" size="40" name="_jawwal">  الجوال<br>
<input type="text" size="40" name="_phone">   الهاتف<br>
<input type="text" size="40" name="_email">  EMAIL<br>
</h5>
</fieldset>
<br>


<fieldset>


<legend><h3> الملاحظات </h3></legend>
<h5>

<p>
        مساق خدمة المجتمع هوي كأي مساق يسجل من خلال البوابة الكترونية •
 <br>
        المساق الزامي لطلبة البكالوريس بواقع 40 ساعه خدمة   •
<br>
        شكرا لكم دائرة الدراسات و التنمية المجتمعية •
        </p>
<br>
</h5>
</fieldset>
</h5>
<input type="submit" value="submit">

</form>

<!-- هذا السطر يجلب مكتبة الجيكويري من جوجل ، إذا غير متصل بالانترنت لن يعمل فيفضل تحميلة إذا كان غير متصل -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
// جلب معرف القائمة المنسدلة الاساسية
$('#mainSelect').change(function() {
	// إذا تم اختيار القيمة رقم 1 يظهر المعرف engineering
    ($(this).val() == "1") ? $('#engineering').show() : $('#engineering').hide();
});
</script>

</body>
</html>

تم تعديل هذه المشاركة بواسطة Ahmed_Badawy في 23 مايو 2012 في 01:46

no-place-like-home.jpg
#8

شكرا جزيلا أخي . سوف أجربها . لكن بأي صيغة أحفظ الكود عندما حفظته ب صيغة .php ما اشتغل الكود ؟؟؟

مواضيع مشابهة