تغيير محتوى selectBox عند كل تغيير لقيمة selectBox اخر

بدأه ابن رشد المصرى في 1 مايو 2007 · 10 رد · 2,535 مشاهدة · في قسم البرمجة بــ Javascript

#11 مايو 2007 في 17:24 صاحب الموضوع

المفروض إنى بعمل ابلكشين لشركة توظيف .. المهم فىه فى الأبلكشين أختيار تخصص العمل مثلاً هندسة ... المطلوب بقى إنه لما يختار تخصص الهندسة يكون فيه سيلكتاية تانية عشان التخصص الفرعى فيظهر فيه مثلاً إذا اختار تخصص هندسة يظهر فى التخصص الفرعى هندسة مدنى - هندسة معمارى - هندسة بترول - وهكذا ..

علماً بأن التخصصات دى هيجيبها من داتا بيز والتصنيفات الفرعية برده من داتا بيز ... فياريت حد يقولى كود الجافا الخاص بالعملية دى ... وجزاكم الله خيراً

#24 مايو 2007 في 14:08

هذه العملية يجب برمجتها باستخدام PHP و الجافا , لأن الجافا لوحدها لا تخدمك مع قاعدة البيانات...

الجافا تقوم بتحديث الصفحة عند اختيار أحد خيارات الـ Select و ترسل POST أو GET لنفس الصفحة ليقوم الـ PHP بإحضار التخصصات التابعة لهذه المنتقاة و سردها في القائمة التالية....

بالتوفيق.....الحكيم

بسم الله الرحمن الرحيم

و قل ربي زدني علماً

صدق الله العظيم

#34 مايو 2007 في 19:14

العنوان غير مناسب

الرجاء اختيار عنوان مناسب أكثر في مواضيعك القادمة، وهذا بمثابة إشعار للأهمية.

وفي حال التكرار سيتعرض موضوعك للإغلاق والحذف!!!

قواعد المشاركة

/index.php?showtopic=29343

Web Citizen

__________

General blog : Shref In Life

#44 مايو 2007 في 21:16

اخى سبيدر جزاك الله خيراً أنا عارف إنه بى اتش بى مع جافا بس أنا كنت عايز طريقة الدمج أو الإسكربت جاهز .. يا ريت لو تقدر تضيفلى مثال أكون شاكر ليك جداً

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

#55 مايو 2007 في 02:17

السلام عليكم و رحمة الله و بركاته

شوف المثال دة و حاول تفهمه و جربه فى المتصفح بتاعك , إذا حاجة كانت غامضة اسئل هنا و انا او غيرى حنساعدك إن شاء الله

<html>


<script type="text/JavaScript" >

var subJobLists = {
					'1' : {
							"1.1" : "1.10", // like a ( value : label )
							"1.2" : "1.20",
							"1.3" : "1.30"
						  }
					,
					'2' : { 
							"2.1" : "2.10",
							"2.2" : "2.20",
							"2.3" : "2.30"
						  }
				  }; 


window.onload = function () {
	document.getElementById("job").onchange = updateSubJob;
	updateSubJob() //this will make sure that every thing is in it's place
}


function updateSubJob(event) {

	var self = document.getElementById('job');

	var subJob = document.getElementById('subJob');

	var jobValue = self.value;

	//this will give better performance in our case
	subJob.style.display = 'none'; 

	//removing all the old 'option' elements 
	subJob.innerHTML = ''; 

	//adding the new 'option' elements
		for (opt in subJobLists[jobValue]) {
			optElement = document.createElement('option');

			optElement.value = opt; //value
			optElement.innerHTML = subJobLists[jobValue][opt]; //label

			subJob.appendChild(optElement);
		}

	//we will make 'subJob' visible again
	subJob.style.display = ''; 
}

</script>

<body>

	job :
	<select id="job" name="job" >
		<option value="1" >1.0</option>
		<option value="2" >2.0</option>
	</select>

	<br>

	subJob :
	<select id="subJob" name="subJob" >
		<option value="1.1" >1.1</option>
		<option value="1.1" >1.2</option>
		<option value="1.1" >1.3</option>
	</select>

</body>
</html>

Web Citizen

__________

General blog : Shref In Life

#65 مايو 2007 في 21:17

جزاك الله خيراً أخى شريف وهقوم حالاً بتجربة الإسكربت وأى استفسار هبلغك حالاً ... بارك الله فيك

#75 مايو 2007 في 21:49

معلش كان فيه استفسار بسيط وهو إزاى اقدر اجيب البيانات من الداتا بيز داخل سكربت الجافا ...

#85 مايو 2007 في 23:29

السلام عليكم

ابن رشد المصرى كتب:
معلش كان فيه استفسار بسيط وهو إزاى اقدر اجيب البيانات من الداتا بيز داخل سكربت الجافا ...

اولا ملحوظة عشان الناس الجداد ميتلخبطوش, كل كلمة "جافا" اتذكرت فى الموضوع بتشير للـ JavaScript الى هى لغة مختلفة عن الـ Java تماما, مجرد تشابه اسماء لا اكثر, فيفضل يا شباب نستخدم كلمة JavaScript أو اختصارها الى هو JS عشان محدش يتلخبط :) .

ابن رشد, كود الـ PHP زى مانت عارف بيتنفذ على السيرفر و الناتج (الخرج) بيروح لمتصفح عند المستخدم, الخرج دة بقى يبقى زى ميكون سواء HTML ,JS , CSS , XML, Binary data او اى حاجة تانية , حيروحوا للمتصفح و يبتدى المتصفح يعالج البيانات دى و يشوف الى عايز يتنفذ فينفذه و الى عايز يتعرض فيعرضه.

فى المثال احنا كنا سجلنا بيانات الـ options فى js array الى هى دى

var subJobLists = {
					'1' : {
							"1.1" : "1.10", // like a ( value : label )
							"1.2" : "1.20",
							"1.3" : "1.30"
						  }
					,
					'2' : {
							"2.1" : "2.10",
							"2.2" : "2.20",
							"2.3" : "2.30"
						  }
				  };

نفترض انا عندى البيانات دى موجودة اصلا فى php array و عايز اطبعها بحيث تخرج بالشكل الى فوق دة , بحيث لمة يشوفها المتصفح يلاقيه كود js سليم و يقدر ينفذه إن شاء الله , ممكن اكتب حاجة زى كدة

<?php




$options = array ( 
					'1' => array (
							array("1.1" , "1.10"),
							array("1.2" , "1.20"),
							array("1.3" , "1.30")
						  )
					,
					'2' => array ( 
							array("2.1" , "2.10"),
							array("2.2" , "2.20"),
							array("2.3" , "2.30")
						  ) 
				 );

print '<script type="text/JavaScript" >
		var subJobLists = ';


$jsList = "{\n\r";

	foreach($options as $jobId => $subJob) {

		$jsList .= "'" . $jobId ."' : {\n\r";


			foreach($subJob as $opt => $optValues) {
				$jsList .= "'" . (string)$optValues[0] . "' : '" . (string)$optValues[1] . "'\n\r";

				if( $opt !== end(array_keys($subJob)) ) {
					$jsList .= ",\n\r";
				} else {
					$jsList .= "\n\r";
				}				

			}


		if( $jobId !== end(array_keys($options)) ) {
			$jsList .= "},\n\r";
		} else {
			$jsList .= "}\n\r";
		}

	}

$jsList .= '};';

print '<pre>' . $jsList;

مش اكتر من loops و شوية formating عشان تطلع كل حاجة بالشكل الى انا عايزه, و بطبع الكلام الناتج فى الجزء الى المفروض يظهر فيه الكلام دة فى الخرج. ركز على الفكرة فى المثال مش على الـ loops و الكلام.

انت بعد كدة بتوفقها زى مانت عايز إن شاء الله

Web Citizen

__________

General blog : Shref In Life