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

ممكن مساعده؟؟

بدأه alona في 24 فبراير 2012 · 4 رد · 623 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

انا بعمل بوظيفه ب HTML و JAVASCRIPT

من ضمن الوظيفه مطلوب مني اعمل صفحه فيها خيارات

وفي حاله اختار المستخدم اختيار معين من داخل القائمه

يقوم باظهار مربع بمواعيد معينه

مثلا موجوده القائمه التاليه

<select name=x>

<option value="16-18">16-18</option>

<option value="18-20">18-20</option>

<option value="20-25">20-25</option>

<option value="25-30">25-30</option>

<option value="30-40">30-40</option>

<option value="40-50">40-50</option>

<option value="50">מעל 50</option>

</select > age

اذا اختار المستخدم القيمه 20-25

يظهر مربع فيه معطيات معينه

اذا اختار 30-40 مثلا يظهر مربع مع معطيات مختلفه

هنا مثال لم انجح بانجازه

select.html

#2 
<html> 
<head> 
<script type="text/javascript"> 
function createDoc() { 
	var age = document.getElementById("age").value; 
	var txt = document.getElementById("txt"); 
	switch (age) { 
		case "16-18":
			txt.innerHTML = "you choosed 16 to 18";
			break;
		case "18-20":
			txt.innerHTML = "you choosed 18 to 20";
			break;
		case "20-25":
			txt.innerHTML = "you choosed 20 to 25";
			break;
		case "25-30":
			txt.innerHTML = "you choosed 25 to 30";
			break;
		case "30-40":
			txt.innerHTML = "you choosed 30 to 40";
			break;
		case "40-50":
			txt.innerHTML = "you choosed 40 to 50";
			break;
		case "50":
			txt.innerHTML = "you choosed +50";
			break; 
	} 

} 
</script> 
</head> 
<body> 
Age <select name="age" id="age">  
	<option value="16-18">16-18</option>   
	<option value="18-20">18-20</option>   
	<option value="20-25">20-25</option>  
	<option value="25-30">25-30</option>   
	<option value="30-40">30-40</option>   
	<option value="40-50">40-50</option>	 
	<option value="50">50+</option>					 
</select > 
</br></br> 
<input type="button" value="send" onclick="createDoc()" />
</br></br>
<div id="txt"></div> 
</body> 
</html>
1
#3

حلوووو

شكراا كتيرررر ..

#4
choclatboy كتب:

<html> 
<head> 
<script type="text/javascript"> 
function createDoc() { 
	var age = document.getElementById("age").value; 
	var txt = document.getElementById("txt"); 
	switch (age) { 
		case "16-18":
			txt.innerHTML = "you choosed 16 to 18";
			break;
		case "18-20":
			txt.innerHTML = "you choosed 18 to 20";
			break;
		case "20-25":
			txt.innerHTML = "you choosed 20 to 25";
			break;
		case "25-30":
			txt.innerHTML = "you choosed 25 to 30";
			break;
		case "30-40":
			txt.innerHTML = "you choosed 30 to 40";
			break;
		case "40-50":
			txt.innerHTML = "you choosed 40 to 50";
			break;
		case "50":
			txt.innerHTML = "you choosed +50";
			break; 
	} 

} 
</script> 
</head> 
<body> 
Age <select name="age" id="age">  
	<option value="16-18">16-18</option>   
	<option value="18-20">18-20</option>   
	<option value="20-25">20-25</option>  
	<option value="25-30">25-30</option>   
	<option value="30-40">30-40</option>   
	<option value="40-50">40-50</option>	 
	<option value="50">50+</option>					 
</select > 
</br></br> 
<input type="button" value="send" onclick="createDoc()" />
</br></br>
<div id="txt"></div> 
</body> 
</html>

كيف بدي افوت جدول على الاختيار

يعني اذا اختار المستخدم 16-18 بدي يبينلي جدول فيه معطيات

رفعت ملف فيه جدول بس كيف اربط بين الجدول الاختيار مش عارفه

بتقدر تساعدني؟

شكرا

57437857425878638.html

تم تعديل هذه المشاركة بواسطة alona في 26 فبراير 2012 في 15:45

#5

مثلا في السطر

 txt.innerHTML = "you choosed 16 to 18";

نعوضه بالسطر

txt.innerHTML = "<table><tr><td>text</td><td>text</td></tr></table>";

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