Previous >    <Next  

‎مجموعه عناصر فرم ـForm elements Collection

‎شئForm با يكي از عناصر HTML ‎<form>‎ مرتبط ميگردد .ويژگي ‎elements‎شئ فرم ، شئ را برگشت ميدهد كه مجموعه عناصر فرم را داراست . ‎اين شئ برگشتي داراي ويژگي و متد هائي است كه نمايش دهنده همان مجموعه عناصر فرم است.

‎توجه ـ عناصر موجود در مجموعه ،همانطوريكه در فرم قرار ميگيرند، مرتب ميشوند.

‎توجه ـ اين مجموعه عناصر فرم ، فقط عناصر همان شئ مرتبط بايك عنصرHTML ‎<form>‎ ‎رابرگشت ميدهد، نه تمام عنصر فرمها در سند .براي تمام عنصر فرمها در سند ازdocument.forms ‎استفاده كنيد.

‎مثال ـ دريافت تعداد عناصر يك فرم در صفحه

var x = document.getElementById("myForm").elements.length;

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

formObject.elements

‎همان مثال قبلي با سه دستور تفكيكي قابل تفسير

var x = document.getElementById("myForm"); // x  is formObject
var y=x.elements ; //  y  is collections object
number_e=y.length; // number of elelement if  form

‎ويژگي هاي شئcollection

‎ويژگي ‎شرح
length ‎تعداد عناصر مربوط به عنصر‎<form>‎ برگشت شود .
‎ويژگي فقط خواندني است.

‎متدهاي شئCollection

‎متد هاي شئ مجموعهform
‎متد ‎شرح
[index] ‎عنصري درفرم كه انديس‎index‎ دارد برگشت ميدهد .
‎انديس از‎0‎ شروع ميشود .
item(index) ‎عنصري درفرم كه انديس‎index‎ دارد برگشت ميدهد .
‎انديس از‎0‎ شروع ميشود .
nameditem(id) ‎عنصري را درفرم با شناسه مشخص برگشت ميدهد.
‎توجه ـ اگر عنصر جود نداشته باشد، برگشتيNULL است .

‎مثال ـ متد[‎index‎]

var x = document.getElementById("myForm").elements[0].value;

--(go to editor for change code and run)

‎مثال ـ متدitem[‎index‎]

var x = document.getElementById("myForm").elements.item(0).value;

--(go to editor for change code and run)

‎مثال ـ متد‎namedItem(id)

var x = document.getElementById("myForm").elements.namedItem("fname").value;

--(go to editor for change code and run)

‎مثال ـ ايجاد يك حلقه براي ليست عناصر يك فرم

var x = document.getElementById("myForm");
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
  txt = txt + x.elements[i].value + "<br>";
}
document.getElementById("demo").innerHTML = txt;

--(go to editor for change code and run)


Previous >    <Next