شئSelect كه درجاوااسكريپت ايجاد ميشود، مرتبط با يكي از عناصرHTML <select> صفحه ميباشد .اين شئ داراي متدهائيست كه روي عنصر<select>كه مرتبط با شئ فوق است اعمال ميشود .متدهاي جاواسكريپتي شئSelect مطابق جدول زيراست .
متد | شرح |
---|---|
add() | يك گزينه اي را به ليست كشوئي اضافه ميكند |
checkValidity() | |
remove() | گزينه اي را از ليست كشوئي حذف ميكند. |
مثال ـ اضافه نمودن گزينه"Kiwi" به انتهاي ليست كشوئي
var x = document.getElementById("mySelect"); var option = document.createElement("option"); option.text = "Kiwi"; x.add(option);
پارامتر | شرح |
---|---|
option | ضرويست و گزينه اي كه بايد اضافه شود مشخص ميكند.
بايد يكoption يا optgroup وجود داشته باشد . |
index | اختياريست و عدد صحيحي است كه موقعيت افزايش گزينه را مشخص ميكند.
انديس از صفر شروع ميشود، اگر اعلام نشوددر انتهاي ليست اضافه ميگردد. |
مثال ـ اضافه نمودن گزينه"Kiwi" به ابتدا
var x = document.getElementById("mySelect"); var option = document.createElement("option"); option.text = "Kiwi"; x.add(option, x[0]);
مثال ـ اضافه نمودن گزينه"Kiwi" در انديس "2"
var x = document.getElementById("mySelect"); var option = document.createElement("option"); option.text = "Kiwi"; x.add(option, x[2]);
مثال ـ اضافه نمون گزينه به قبل از گزينه انتخابي
var x = document.getElementById("mySelect"); if (x.selectedIndex >= 0) { var option = document.createElement("option"); option.text = "Kiwi"; var sel = x.options[x.selectedIndex]; x.add(option, sel); }
متدSelect remove گزنيه اي رااز شئSelect حذف ميكند .اين گزينه شئOption است كه حذف ميشود. يا بعباري عنصري از نوع<option> از ليست كشوئي مرتبط باشئ Selectحذف ميگردد.
مثال ـ حذف گزينه انتخابي از ليست كشوئي
var x = document.getElementById("mySelect");
x.remove(x.selectedIndex);
پارامتر | شرح |
---|---|
index | ضروريست و عدد صحيحي است كه موقعيت گزينه حذفي را مشخص ميكند.
انديس از صفر شروع ميشود. |
مثال ـ حذف گزينه انديس"2" از ليست كشوئي
var x = document.getElementById("mySelect");
x.remove(2);
مثال ـ حذف گرينه آخر ليست كشوئي
var x = document.getElementById("mySelect"); if (x.length > 0) { x.remove(x.length-1); }