Select Object Properties

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

‎شئSelect كه درجاوااسكريپت ايجاد ميشود، مرتبط با يكي از عناصرHTML ‎<select>‎ ‎صفحه ميباشد .اين شئ داراي ويژگي هاي همان عنصر‎<select>‎ است كه ميتوان با فرمت ‎شئ گرائي با شئ مذكور روي آن اثر گذاشت .بعبارتي ميتوان مقادير ويژگيهاي آنرا تنظيم ويا بدست ‎آورد.

‎جدول ويژگي هاي شئSelect مطابق زير بوده ، ودراين صفحه هركدام دربخش داخلي تشريح ميشوند.

‎ويژگي	‎شرح
autofocus	‎وضعيت انتخاب شدن خود كار يك ليست كشوئي را هنگام بارگيري صفحه مشخص ميكند.
disabled	‎وضعيت فعال يا غير فعال بودن ليست كشوئي را تنظيم ويا برگشت ميدهد
form	‎يك مرجع يا شناسه ازفرمي كه حاوي ليست كشوئي برگشت ميدهد.
lenght	‎تعداذ عناصر‎<option>‎ را در ليست كشوئي برگشت ميدهد
multiple	‎وضعيت انتخاب چند گزينه را از ليست كشوئي مشخص ميكند.
name	‎مقدار ويژگيname ليست كشوئي را تنظيم ويابرگشت ميدهد .
selectedIndex	‎انديس انتخابي گزينه را در ليست كشوئي تنظيم ويابرگشت ميدهد.
size	‎مقدار ويژگيsize ليست كشوئي را تنظيم ويا برگشت ميدهد .
type	‎ويژگيtype نوع ليست كشوئي از نظر تك انتخابي ويا چند انتخابي را برگشت ميدهد . ‎مقدار ويژگيtype بستگي به ويژگي multiple دارد .
value	‎مقدار ويژگيvalue گزينه انتخابي را تنظيم ويا برگشت ميدهد .

‎ويژگيSelect autofocus

‎ويژگيSelect autofocus ويژگيautofocus عنصرHTML‎<select>‎ مرتبط باشئ ‎فوق راتنظيم ويا برگشت ميدهد .اين ويژگي وضعيت فوكوس خودكار عنصر‎<select>‎ ‎را پس از بارگذاري صفحه مشخص ميكند.

‎مثال ـ بررسي انتخاب خودكار ليست كشوئي پس از بارگذاري صفحه

var x = document.getElementById("mySelect").autofocus;

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

‎فرمت برگشت ويژگي
selectObject.autofous

‎فرمت تنظيم ويژگي
selectObject.autofocus= true |false

‎مقادير ويژگي ـProperty Values

‎مقدار	‎شرح
true \| false	‎مشخص ميكند كه آيا يك ليست كشوئي بطور خودكار بعداز بارگذاري فوكوس ميشود يانه true‎ـ بصورت خودكار فوكوس ميشود. . false‎ـ نه بصورت حودكار فوكوس نميشود.

‎ويژگيSelect disabled

‎ويژگيSelect disabled ويژگيdisabled عنصرHTML‎<select>‎ مرتبط باشئ ‎فوق راتنظيم ويا برگشت ميدهد .اين ويژگي وضعيت فعال نبودن عنصر‎<select>‎ ‎را مشخص ميكند.

‎مثال ـ يك ليست كشوئي راdisabled ميكند .

document.getElementById("mySelect").disabled = true;

‎يك عنصر كهdisabled ميشود ، غير قابل استفاده و غيرقابل كليك كردن ميشود .اين عناصر در ‎مرورگرها به صورت پيش فرض خاكستري ارائه داده ميشوند.

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

‎فرمت برگشت ويژگي
selectObject.disabled

‎فرمت تنظيم ويژگي
selectObject.disabled= true |false

‎مقادير ويژگي ـProperty Values

‎مقدار	‎شرح
true \| false	‎مشخص ميكند كه آيا يك ليست كشوئي غيرفعال است يانه true‎ـ عنصر غيرفعال ميشود. . false‎ـ نه بصورت فعال است

‎مثال ـ وضعيت غير فعال بودن ليست كشوئي را برگشت ميدهد.

var x = document.getElementById("mySelect").disabled;

‎ويژگيSelect form

‎ويژگيSelect form ويژگيform عنصرHTML‎<select>‎ مرتبط باشئ ‎فوق راتنظيم ويا برگشت ميدهد .اين ويژگي فرمي كه عنصر‎<select>‎ ‎متعلق به آنست مشخص ميكند.

‎مثال ـ شناسه فرمي كه ليست كشوئي متعلق به آنست برگشت ميدهد.

var x = document.getElementById("mySelect").form.id;

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

‎فرمت برگشت ويژگي
selectObject.form

‎مقدار برگشتي ـ ارجاع بفرمي كه حاوي ليست كشوئ است .اگر ليست كشوئي متعلق بفرمي نباشد ‎مقدار برگشتيnull ميباشد .

‎ويژگيSelect length

‎ويژگيSelect length ويژگيlength عنصرHTML‎<select>‎ مرتبط باشئ ‎فوق را برگشت ميدهد .اين ويژگي تعدادگزينه عنصر‎<select>‎ ‎را معرفي ميكند.

‎مثال ـ تعداد گزينه هاي موجود درليست كشوئي را برگشت ميدهد.

var x = document.getElementById("mySelect").length;

‎ويژگيSelect length فقط خواندني است .

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

‎فرمت برگشت ويژگي
selectObject.length

‎ويژگيSelect multiple

‎ويژگيSelect multiple ويژگيmultiple عنصرHTML‎<select>‎ مرتبط باشئ ‎فوق را برگشت ميدهد .اين ويژگي وضعيت انتخاب چندگزينه اي عنصر‎<select>‎ ‎را مشخص ميكند .در حالت پيش فرض انتخاب يك گزينه مجاز است.

‎مثال ـ اجازه انتخاب چند گزينه را در ليست كشوئي تنظيم ميكند.

document.getElementById("mySelect").multiple = true;

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

‎فرمت برگشت ويژگي
selectObject.multiple

‎فرمت تنظيم ويژگي
selectObject.multiple= true |false

‎مقادير ويژگي ـProperty Values

‎مقدار	‎شرح
true \| false	‎مشخص ميكند كه آيا در ليست كشوئي انتخاب چند گرينه مجاز است يانه true‎ـ انتخاب چند گزينه مجاز است false‎ـ انتخاب چند گزينه مجاز نيست .پيش فرض

‎مثال ـ بررسي وضعيت انتخاب چند گزينه اي از لسيت كشوئي

var x = document.getElementById("mySelect").multiple;

‎ويژگيSelect name

‎ويژگيSelect name ويژگيname عنصرHTML‎<select>‎ مرتبط باشئ ‎فوق را تنظيم ويا برگشت ميدهد .اين ويژگي نامي براي عنصر‎<select>‎ ‎را معرفي ميكند.

‎ويژگيname براي شناسائي داده هاي فرم پس از ارسال به سرور يا براي ارجاع داده ها فرم ‎براي جاوااسكريپت سمت كلاينت، مورد استفاده قرار ميگيرد .اين نام بايد يگانه باشد.

‎مثال ـ برگشت مقدار ويژگيname ليست كشوئي

var x = document.getElementById("mySelect").name;

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

‎فرمت برگشت ويژگي
selectObject.name

‎فرمت تنظيم ويژگي
selectObject.name=name

‎مثال ـ تنظيم ويژگيname ليست كشوئي

document.getElementById("mySelect").name = "newName";

‎ويژگيSelect selectedIndex

‎ويژگيSelect selectedIndex ويژگيselectedIndex عنصرHTML‎<select>‎ مرتبط باشئ ‎فوق را تنظيم ويا برگشت ميدهد .اين ويژگي انديس گزينه انتخابي رابراي‎<select>‎ ‎را معرفي ميكند.

‎مثال ـ انتخاب انديس شماره‎2‎ ليست كشوئي

document.getElementById("mySelect").selectedIndex = "2";

‎توجه ـ انديس گزينه از صفر شروع ميشود.

‎نكته ـ اگر انتخاب چند گزينه در ليست كشوئي مجازباشد، اولين انديس برگشت ميشود.

‎نكته ـ اگر گزينه اي انتخاب نشود، عدد‎-‎1‎ برگشت ميشود .

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

‎فرمت برگشت ويژگي
selectObject.selectedIndex

‎فرمت تنظيم ويژگي
selectObject.selectedIndex=number

‎مثال ـ نمايش انديس ومتن گزينه انتخابي در ليست كشوئي

var x = document.getElementById("mySelect").selectedIndex;
var y = document.getElementById("mySelect").options;
alert("Index: " + y[x].index + " is " + y[x].text);

‎مثال ـ هيچ گزينه اي انتخاب نشده

document.getElementById("mySelect").selectedIndex = "-1";

‎مثال ـ نتيجه عدم انتخاب گزينه در ليست كشوئي

var x = document.getElementById("mySelect").selectedIndex;

<!DOCTYPE html>
<html>
<body>

<p>Do not select a fruit, just click the button. The selectedIndex property will return "-1" if no options are selected.</p>

<select id="mySelect" size="4">
  <option>Apple</option>
  <option>Orange</option>
  <option>Pineapple</option>
  <option>Banana</option>
</select>

<button type="button" onclick="myFunction()">Display index</button>

</body>
</html>
====
document.getElementById("mySelect").size = "4";
====
<!DOCTYPE html>
<html>
<body>

<select id="mySelect" size="1">
  <option>Cat</option>
  <option>Dog</option>
  <option>Horse</option>
  <option>Elephant</option>
  <option>Mouse</option>
  <option>Fish</option>
  <option>Cow</option>
</select>

<p>Click the button to change the number of visible options in the dropdown list.</p>

</body>
</html>

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

‎ويژگيSelect size

‎ويژگيSelect size ويژگيsize عنصرHTML‎<select>‎ مرتبط باشئ ‎فوق را تنظيم ويا برگشت ميدهد .اين ويژگي تعداد گزينه قابل ديد رابراي‎<select>‎ ‎معرفي ميكند.

‎مثال ـ تغيير تعداد گزينه هاي قابل مشاهده در ليست كشوئي

document.getElementById("mySelect").size = "4";

‎توجه ـ در كروم وسافاري، ممكن است براي مقادير‎2,3‎ آنطور كه انتظار ميرود كارنكنند

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

‎فرمت برگشت ويژگي
selectObject.size

‎فرمت تنظيم ويژگي
selectObject.size=number

‎مقادير ويژگي ـProperty Values

‎مقدار	‎شرح
number	‎تعداد گزينه قابل مشاهده را در ليست كشوئي مشخص ميكند. ‎اگر عدد بيشتر ازيك باشد، وكمتراز تعداد گزينه ها، مرورگر اسكرولي اضافه ميكند.

‎مثال ـ دريافت تعداد گزينه هاي قابل مشاهده در ليست كشوئي

var x = document.getElementById("mySelect").size;

‎ويژگيSelect type

‎ويژگيSelect type ويژگيtype عنصرHTML‎<select>‎ مرتبط باشئ ‎فوق را تنظيم ويا برگشت ميدهد .اين ويژگي نوع عنصر‎<select>‎در فرم ‎را برگشت ميدهد .اين ويژگي فقط خواندني است .ويژگيtype حالت تك گزينه ويا چند گزينه را براي <>‎فرم ارائه ميدهد .اين موارد از ويژگيmultiple آن استخراج ميگردد .

‎مثال ـ. نوع عنصر‎<select‎ در فرم را برگشت ميدهد .

var x = document.getElementById("mySelect").type;

‎براي نوع ليست كشوئي دو حالت تك گزينه اي‎(select-‎one)‎ و چند گزينه اي ‎(select-‎multipe)‎ميباشد .

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

‎فرمت برگشت ويژگي
selectObject.type

‎مقدار برگشتي ـ نوع عنصري در فرم را برگشت ميدهد كه اينجا ليست كشوئي‎<select>‎ ‎است.

‎مثال ـ نوع عنصرليست كشوئي در فرم را برگشت ميدهد.

var x = document.getElementById("mySelect").type;

‎ويژگيSelect value

‎ويژگيSelect value ويژگيvalue گزينه انتخابي عنصر HTML‎<select>‎ مرتبط باشئ ‎فوق را تنظيم ويا برگشت ميدهد .اين ويژگي مقدارvalue عنصرانتخابي‎<select>‎ ‎را تنظيم ويابرگشت برگشت ميدهد.

‎مثال ـ مقدار ويژگيvalue گزينه انتخابي به ‎‎"banana‎"‎ تغيير كند .

document.getElementById("mySelect").value = "banana";

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

‎فرمت برگشت ويژگي
selectObject.value

‎فرمت تنظيم ويژگي
selectObject.value=value

‎مقادير ويژگي ـProperty Values

‎مقدار	‎شرح
value	‎مقدارvalue گزينه انتخابي ليست كشوئي را مشخص ميكند . ‎اگر مقدار مشخص نشده باشد، برگشتيnull ميباشد .

‎مثال ـ در يافت مقدارvalue عنصر انتخابي ليست كشوئي

var x = document.getElementById("mySelect").value;

Previous > <Next

Select Object Properties

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

‎ويژگيSelect autofocus

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

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

‎فرمت برگشت ويژگي selectObject.autofous

‎فرمت تنظيم ويژگي selectObject.autofocus= true |false

‎مقادير ويژگي ـProperty Values

‎ويژگيSelect disabled

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

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

‎فرمت برگشت ويژگي selectObject.disabled

‎فرمت تنظيم ويژگي selectObject.disabled= true |false

‎مقادير ويژگي ـProperty Values

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

‎ويژگيSelect form

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

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

‎فرمت برگشت ويژگي selectObject.form

‎ويژگيSelect length

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

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

‎فرمت برگشت ويژگي selectObject.length

‎ويژگيSelect multiple

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

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

‎فرمت برگشت ويژگي selectObject.multiple

‎فرمت تنظيم ويژگي selectObject.multiple= true |false

‎مقادير ويژگي ـProperty Values

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

‎ويژگيSelect name

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

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

‎فرمت برگشت ويژگي selectObject.name

‎فرمت تنظيم ويژگي selectObject.name=name

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

‎ويژگيSelect selectedIndex

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

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

‎فرمت برگشت ويژگي selectObject.selectedIndex

‎فرمت تنظيم ويژگي selectObject.selectedIndex=number

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

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

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

‎ويژگيSelect size

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

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

‎فرمت برگشت ويژگي selectObject.size

‎فرمت تنظيم ويژگي selectObject.size=number

‎مقادير ويژگي ـProperty Values

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

‎ويژگيSelect type

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

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

‎فرمت برگشت ويژگي selectObject.type

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

‎ويژگيSelect value

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

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

‎فرمت برگشت ويژگي selectObject.value

‎فرمت تنظيم ويژگي selectObject.value=value

‎مقادير ويژگي ـProperty Values

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

HTML DOM Objectsفهرست =

‎فرمت برگشت ويژگي
selectObject.autofous

‎فرمت تنظيم ويژگي
selectObject.autofocus= true |false

‎فرمت برگشت ويژگي
selectObject.disabled

‎فرمت تنظيم ويژگي
selectObject.disabled= true |false

‎فرمت برگشت ويژگي
selectObject.form

‎فرمت برگشت ويژگي
selectObject.length

‎فرمت برگشت ويژگي
selectObject.multiple

‎فرمت تنظيم ويژگي
selectObject.multiple= true |false

‎فرمت برگشت ويژگي
selectObject.name

‎فرمت تنظيم ويژگي
selectObject.name=name

‎فرمت برگشت ويژگي
selectObject.selectedIndex

‎فرمت تنظيم ويژگي
selectObject.selectedIndex=number

‎فرمت برگشت ويژگي
selectObject.size

‎فرمت تنظيم ويژگي
selectObject.size=number

‎فرمت برگشت ويژگي
selectObject.type

‎فرمت برگشت ويژگي
selectObject.value

‎فرمت تنظيم ويژگي
selectObject.value=value