كيف اكتب في خانة فورم بالجافا سكربت

**3bdullah** · 04-02-2006

كيف اكتب في خانة فورم بالجافا سكربت

ماهو الكود اللي استخدمه للكتابة في عنصر فورم

سواء كان خانة نص او قائمة منسدلة أو .....
بالجافا سكربت

بانتظار الرد..................

**AMiSHKA** · 04-02-2006

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

كود HTML:

<html>
<head>
<script language=javascript>
function x()
{
	t1.value=('عند تحميل الصفحة تظهر هذه الكتابة');
}
</script>
</head>
<body bgcolor=pink onload=x()>
<input name=t1 size=50 >
</body>
</html>

[
[جرب و قول لي اوكي

**3bdullah** · 04-02-2006

:nice: OK
تمام عليك
يعطيك ألف عافية هو بالضبط اللي ابغاه

**3bdullah** · 05-02-2006

التشاؤل الأول وانتهى الحمد لله

التساؤل اللي عندي الآن هو:
عندي قائمتين منسدلتين(الصورة توضح)

عند اختيار عنصر من 1 والضغط على زر التحويل تتحول إلى 2
والعكس بالعكس
المطلوب بعد تحديد الخيارات انه جميع الخيارات اللي في القائمة 2 ترسل عبر الفورم POST

كيف :con2:

أرجو من الله أن اجد الحل عندكم

**3bdullah** · 05-02-2006

للرفع

**الحقيقه والواقع** · 06-02-2006

يرفع للفائدة

**3bdullah** · 06-02-2006

للرفع

**daif** · 07-02-2006

هذا مثال على ذلك , يفتقر الى ترتيب العناصر في القائمة الثانيه لكن يعمل بشكل سليم
<<متأثر بالاسهم

كود:

<script>
function _add(){
    var opt = document.getElementById('tick');
    var opt2 = document.getElementById('tick2');
//نص العنصر المحدد
    var str  = opt.options[opt.selectedIndex].text;
//قيمة العنصر المحدد
    var val  = opt.options[opt.selectedIndex].value;
//ادخال العنصر المحدد في القائمة الثانيه
    opt2.options[opt.selectedIndex] = new Option(str,val);
}
function _remove(){
    var opt2 = document.getElementById('tick2');
//إزالة العنصر المحدد, في القئمة الثانيه
    opt2.options[opt2.selectedIndex]=null;
}
</script>
<table border=1>
<tr><td>القائمة الاولى</td><td>&lt;&lt;&gt;&gt;</td><td>القائمة الثانيه</td></tr>
<tr><td>
<SELECT ID="tick" SIZE=5>
<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>
</td>
<td><input type=button value="&gt;&gt;" onclick="_add();"><br><input type=button value="&lt;&lt;" onclick="_remove();"></td>
<td>
<SELECT ID="tick2" SIZE=5>
</SELECT>
</td></tr>
</table>

**3bdullah** · 07-02-2006

شكرا لك اخي daif على الرد

السؤال ليس هنا

لدي طريقة انشاء القوائم ونقل العناصر اليها
بطريقة مشابهة للتي اشرت اليها....

لكن السوال عند ارسال الفورم كيف يرسل بيانات القيم التي اخترتها والموجودة
في القائمة الثانية ......ز

امنتى ان تكون الفكرة واضحة

وشكرا لك

.....

**daif** · 07-02-2006

هناك اكثر من طريقه:
- عند اختيار العنصر يخزن قيمته في حقل مخفي(تعمدت ترك الحقل الحالي نص لترى التغيرات), ترسل فيما بعد للبرنامج.
- عند ارسال النموذج يتم اخذ تجمع العناصر المختاره مره واحده وترسل في حقل نصي.
- تحديد العناصر المختاره كلها مره واحد ثم ارسالها.

كود PHP:


<pre>

<?

print_r($_POST['selected']);

?>

</pre>

<script>

var selected =Array(); 

function _add(){

    var opt  = document.getElementById('tick');

    var opt2 = document.getElementById('tick2');

    var item = document.getElementById('items');

    var str  = opt.options[opt.selectedIndex].text;

    var val  = opt.options[opt.selectedIndex].value;

    opt2.options[opt.selectedIndex] = new Option(str,val);

    selected[opt.selectedIndex] = val;

    item.value = selected.join(',');

}

function _remove(){

    var opt2 = document.getElementById('tick2');

    var item = document.getElementById('items');

    selected[opt2.selectedIndex]=null;

    opt2.options[opt2.selectedIndex]=null;

    item.value = selected.join(',');

    alert(selected);

    

}

</script>

<form action="select.php" method="POST">

<table border=1>

<tr><td>القائمة الاولى</td><td>&lt;&lt;&gt;&gt;</td><td>القائمة الثانيه</td></tr>

<tr><td>

<SELECT ID="tick" SIZE=5>

<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>

</td>

<td><input type=button value="&gt;&gt;" onclick="_add();"><br><input type=button value="&lt;&lt;" onclick="_remove();"></td>

<td>

<SELECT NAME="selected" ID="tick2" SIZE=5>

</SELECT>

</td></tr>

</table>

<input id="items" type="text" name="selected" value="">

<input type="submit" value="send">

</form>

**3bdullah** · 07-02-2006

شكرا لك اخوي

وجزاك الله خير

وهذا الكود اللي حصلته عليه بعد التعديل

اذا لك تعليق اوشي

وعشان يستفيد الجميع

طبعا شغال تمام

كود:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="rtl">
  <head>
    <title>test</title>
        <script language="JavaScript">
    <!--
    function copyToList(from,to)
	{
	  fromList = eval('document.forms[0].' + from);
	  toList = eval('document.forms[0].' + to);
	  var as = new Array();
	  if (toList.options.length > 0 && toList.options[0].value == 'temp')
	  {
	    toList.options.length = 0;
	  }
	  var sel = false;
	  for (i=0;i<fromList.options.length;i++)
	  {
	    var current = fromList.options[i];
	    if (current.selected)
	    {
	      sel = true;
	      if (current.value == 'temp')
	      {
	        alert ('لا تستطيع نقل هذا النص');
	        return;
	      }
	      txt = current.text;
	      val = current.value;
	      toList.options[toList.length] = new Option(txt,val);
	      fromList.options[i] = null;
	      i--;
	    }
	  }
	   selList = eval('document.forms[0].select');
	    for (i=0;i<selList.options.length;i++)
 		 {
  		 	 var current = selList.options[i];
 		     val = current.value;
 		     if(current.value != null){
 		     as[i] = val;
 		     }else{
 		     as[i] = null;
 		     }
 		 }
	  form.leagu_teame.value=(as);
	  if (!sel) alert ('لم تحدد اي اختيار');
	}

    // -->
    </script>
  </head>
  <body>
<form action="leagu.php" ENCTYPE="multipart/form-data" name="form" method="post">

<DIV id="order"><DIV>
  <select name="all" class="categoryselect" MULTIPLE SIZE="9">
<option value="1">الاختيار الاول</option>
<option value="2">الاختيار الثاني</option>
<option value="3">الاختيار الثالث</option>
</select>
</DIV><DIV><div><button name="B2" onclick="javascript:copyToList('all','select')">&nbsp;&gt;&gt;&gt; </button>
<button name="B3" onclick="javascript:copyToList('select','all')">&nbsp;&lt;&lt;&lt; </button></div>
  </DIV>  <DIV>
<SELECT NAME="select" SIZE="9" MULTIPLE>
</SELECT><input type="hidden" name="leagu_teame" value=""></DIV>
</DIV>
</form>
  </body>
</html>

الموضوع: كيف اكتب في خانة فورم بالجافا سكربت

أدوات الموضوع

بحث في الموضوع

كيف اكتب في خانة فورم بالجافا سكربت

المواضيع المتشابهه

اريد وضع قائمة بالجافا سكربت

سؤالين بالجافا سكربت والأجاكس

للخبير بالجافا سكربت

كيف أسوي هذي الحركة بالجافا سكربت ؟؟

مطلوب سكربت تحميل بأكثر من خانة

ضوابط المشاركة