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

سؤال عن اظهار textbar المخفي باستخدام checkbox و select

بدأه hanon_abha في 16 فبراير 2011 · 3 رد · 546 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم ورحمة الرحمن

لدي سؤال عن كيفية اظهار صندوق الكتابة عن اختيار احد الخيارات المتاحة بطريقتين checkbox و select والمثال يوضح ما اريد إن شاء الله ..

وانا سبق وان حاولت لايجاد الحل ولكن لم افلح وسارفق الكود الذي حاولت ان يكون الحل الامثل ..

<html>
<head>
<script type="text/javascript">
<!-- 
function disp()
{
	if(myForm.other.checked)
	{
		myForm.ddd.disabled=false;
		myForm.ddd.value='';
		myForm.ddd.focus();
	}
	else
	{
		myForm.ddd.disabled=true;
		myForm.ddd.value='disabled';
	}
	return true;
}
-->
</script>
</head>
<body>
<form name='myForm' id='myForm' action='#' >
<input type='checkbox'   value='الرياض'> الرياض<br>
<input type='checkbox'   value='جدة'> جدة<br>
<input type='checkbox'   value='مكة'> مكة<br>
<input type='checkbox' id='other' onclick='disp()'>Other أخرى<br>
<input type='text' id='ddd' disabled value='اخرى'><br>
/////////////////////////////////
///////////////////////////////
<br>

<select name='city' id='city'>
<option value='الرياض'> rالرياض </option>
<option value='جدة'> jجدة</option>
<option value='مكة'> jمكة </option>
<option value='اخرى'> rاخرى </option>
</select>
<br>
<input type='text' id='ddd' disabled value='اخرى'>
</form>
</body>
</html>
#2 
<html>
<head>
<script type="text/javascript">
<!-- 
function otherChecked() {
	document.getElementById('other_check').disabled = !(document.getElementById('other').checked);
}
function cityChanged() {
	document.getElementById('other_select').disabled = !(document.getElementById('city').value == 4);
}
-->
</script>
</head>
<body style="direction: rtl">
	<form name='myForm' id='myForm' action='#' >
		<input type='checkbox'   value='الرياض'> 1<br>
		<input type='checkbox'   value='جدة'> 2<br>
		<input type='checkbox'   value='مكة'> 3<br>
		<input type='checkbox' id='other' value='4' onclick='otherChecked()'>Other أخرى<br>
		<input type='text' id='other_check' disabled value='اخرى'><br>
		/////////////////////////////////
		///////////////////////////////
		<br>

		<select name='city' id='city' onchange='cityChanged()'>
			<option value='1'>الرياض </option>
			<option value='2'>جدة</option>
			<option value='3'>مكة</option>
			<option value='4'>اخرى</option>
		</select>
		<br>
		<input type='text' id='other_select' disabled value='اخرى'>
	</form>
</body>
</html>
2
#3

الف شكر عالرد ياسيدي ولكن هناك نقطة بسيطة وهي كيف امسح كلمة اخرى آليا عند اختيار مدن اخرى من الcheckbox ؟؟

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