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

سؤال عن عرض القائمة او اخفائها ؟؟

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

السلام عليكم

اذا كان لدي قائمة من الاسماء وكان عندي خيارين اما عرض او اخفاء باستخدام <input type='radio' > فعند اختيار عرض تظهر الاسماء على شكل <select> و <option> وعند اختيار اخفاء تختفي الاسماء ارجو المساعدة في كتابة هذا الكود بالجافا سكريبت ؟؟ 

<input type='radio' name='names' value='show' checked>Show
<input type='radio' name='names' value='Don't show' >Don't Show
<br/>
<select >
<option>Ali</option>
<option>Ahmad</option>
<option>hamad</option>
<option>yaser</option>
</select>
1
#2 
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Show Don</title>
<script type="text/javascript">
<!--
var text=new Array();
var len,select;
window.onload=function()
{
  select=document.getElementById("te");
  len=select.length;
  for(var i=0;i<len;i++)
  {
  text=select.options.text;
  } 
}

function x(dsh)
{
 if(parseInt(dsh)==1)
 {
  for(var i=len;i>=0;i--)
  {
  select.remove(i);
  } 
 }
 else
 {
  for(var j=0;j<len;j++)
  {
  var y=document.createElement('option');
  y.text=text[j];
  select.add(y,null);
  }
 }
}

//-->
</script>
</head>

<body>
<input type='radio' name='names' value='show' checked="checked" onclick="x(2)" />Show 
<input type='radio' name='names' value='Dont show' onclick="x(1)" />Don't Show 
<br/> 
<select style="width: 151px; " id="te" > 
<option>Ali</option> 
<option>Ahmad</option> 
<option>hamad</option> 
<option>yaser</option> 
</select>
</body>

</html>
2

In bad state

#3

اذا كنت اريد ان تكون القائمة مخفية من بداية تحميل الصفحة اي بمعنى ان يكون الكود :

<input type='radio' name='names' id='names' value='show'  onclick="ifcheck(1)" />Show  
<input type='radio' name='names' id='names' value='Dont show' checked="checked" onclick="ifcheck(0)" />Don't Show

هذا الكود لا يخفي القائمة الا اذا قمت بالنقر مرة اخرى على ايقونة Don't show و لا يخفيها منذ البداية لماذا ؟؟

1 −1

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