شئOption كه درجاوااسكريپت ايجاد ميشود، مرتبط با يكي از عناصرHTML <option> صفحه ميباشد .اين شئ داراي ويژگي هاي همان عنصر<option> است كه ميتوان با فرمت شئ گرائي با شئ مذكور روي آن اثر گذاشت .بعبارتي ميتوان مقادير ويژگيهاي آنرا تنظيم ويا بدست آورد.
جدول ويژگي هاي شئOption مطابق زير بوده ، ودراين صفحه هركدام دربخش داخلي تشريح ميشوند.
ممكن است بعضي از ويژگي ها بدليل مشابه بودن روي شئ ديگري و در صفحه ديگري تشريح شده باشند اصول روند استفاده يكسان ميباشند .لينك صفحه مربوطه درجلوي آن مشخص شده است.
ويژگي | شرح |
---|---|
disabled | وضعيت غير فعال بودن گزينه را مشخص ميكند.
|
defaultSelected | مقدار پيش فرض ويژگيselected را برگشت ميدهد . |
form | فرم ارجاعي يا مرتبط گزينه را برگشت ميدهد. |
index | انديس گزينه را در يك ليست كشوئي تنظيم ويا برگشت ميدهد. |
label | برچسب يك گزينه ليست انتحاب را مشخص ميكند. |
selected | وضعيت انتخاب يك گزينه را مشخص ميكند. |
text | مقدار ويژگيtext يك گزينه را تنظيم ويابرگشت ميدهد . |
value | مقدار ويژگيvalue گزينه را تنظيم ويابرگشت ميدهد . |
ويژگيOption defaultSelected ويژگي defaultselected عنصر HTML<option> مرتبط با شئ فوق را برگشت ميدهد .اگر گزينه مربوطه بصورت پيش فرض باشد، مقداراين ويژگيtrue برگشت ميشود، در غيراينصورتfalse
توجه ـ اگر گزينه اي ازليست پيش فرض باشد، درابتداي ليست كشوئي نمايش داده ميشود.
مثال ـ بررسي گزينه بعنوان پيش فرض ليست كشوئي
var x = document.getElementById("mySelect").selectedIndex; var y = document.getElementsByTagName("option"); alert("Is " + y[x].text + " selected by default? " + y[x].defaultSelected);
مقدار برگشتي آنtrue يا false ميباشد true .يعني گزينه بعنوان پيش فرض ليست كشوئي است . falseپيش فرض نيست.
ويژگيOption form مقدار ويژگي form عنصر HTML <option> مرتبط با شئ را برگشت ميدهد .اين ويژگي مشخص ميكند كه گزينه ليست كشوئي مربوط بكدام عنصر فرم ميباشد.
اين ويژگي در صورت موفقيت يك شئ فرم را برگشت ميدهد .بااين شئ فرم ميتوان بهid آن فرم هم دسترسي پيدا كرد.
مثال ـ برگشت فرمي كه عنصر<option> متعلق به آنست .
var x = document.getElementById("apple").form.id;
مقدار برگشي ـ فرم ارجاعي عنصر<option> رابرگشت ميدهد .اگر عنصر بفرمي متعلق نباشد، مقدار برگشتيnull ميباشد .
ويژگيOption index مقدار ويژگيindex عنصرHTML <option> مرتبط با شئ را تنظيم يابرگشت ميدهد .اين ويژگي مشخص ميكند كه گزينه ليست كشوئي در چه موقعيت ليست كشوئي باشد .انديس گزينه ها از صفر شروع ميشود.
مثال ـ انديس و مقدار ويژگيtext گزينه را نمايش ميدهد .
var x = document.getElementById("mySelect").selectedIndex; var y = document.getElementById("mySelect").options; alert("Index: " + y[x].index + " is " + y[x].text);
مقدار | شرح |
---|---|
integer | مشخص كننده انديس. موقعيت گزينه در ليست كشوئي |
مثال ـ نمايش متن وانديس همه گزينه هاي ليست كشوئي
var x = document.getElementById("mySelect"); var txt = "All options: "; var i; for (i = 0; i < x.length; i++) { txt = txt + "\n" + x.options[i].text + " has index: " + x.options[i].index; }
ويژگيOption selected مقدار ويژگيselectedعنصرHTML <option> مرتبط با شئ را تنظيم يابرگشت ميدهد .اين ويژگي مشخص ميكند كه گزينه ليست كشوئي انتخاب شده يانه .اگر انتجاب شده باشد، برگشتيtrue در غيراينحالت false
مثال ـ گزينه انتخابي در يك ليست كشوئي را به"orange" تغيير ميدهد.
document.getElementById("orange").selected = true;
مقدار | شرح |
---|---|
true | false | انتخاب گزينه درليست كشوئي را مشخص ميكند.
|
مثال ـ انتحاب گزينه"banana" را در ليست كشوئي بررسي ميكند .
var x = document.getElementById("banana").selected;
ويژگيOption text مقدار ويژگيtext عنصرHTML <option> مرتبط با شئ را تنظيم يا برگشت ميدهد .اين ويژگي متن يا محتوي گزينه ليست كشوئي را مشخص ميكند.
مثال ـ تغيير متن يك گرينه دريك ليست كشوئي
document.getElementById("apple").text = "newTextForApple";
نكته ـ اگر ويژگي مقدار براي عنصر گزينه مشخص نشده باشد، در هنگام ارسال فرم آن براي سرور از مقدار ويژگيtext استفاده ميشود .
مقدار | شرح |
---|---|
text | متن عنصر گزينه ليست كشوئي را مشخص ميكند. |
مثال ـ برگشت متن گزينه انتخابي ليست كشوئي
var x = selTag.options[selTag.selectedIndex].text;
مثال ـ دريافت متن همه گزينه هاي ليست كشوئي
var x = document.getElementById("mySelect"); var txt = "All options: "; var i; for (i = 0; i < x.length; i++) { txt = txt + "\n" + x.options[i].text; }
ويژگيOption value مقدار ويژگيvalue عنصرHTML <option> مرتبط با شئ را تنظيم يا برگشت ميدهد .اين ويژگي مقدار گزينه ليست كشوئي را مشخص ميكند.
مقدار ويژگيvalue عنصر<option> درهنگام ارسال فرم آن ، درصورت انتخاب به سرور ارسال ميشود.
مثال ـ نمايش مقدار ويژگيvalue گزينه ليست كشوئي
var x = document.getElementById("mySelect").selectedIndex; alert(document.getElementsByTagName("option")[x].value);
مقدار | شرح |
---|---|
value | مقدار ويژگيvalue عنصر گزينه ليست كشوئي را مشخص ميكند.
اين مقدار براي سرور ارسال ميشود. |
مثال ـ تغيير مقدار ويژگيvalue يك گزينه ليست كشوئي
document.getElementById("myOption").value = "newValue";