حذف option ها چیست ؟

حذف option ها چیست ؟ 

جاوااسکریپت علاوه بر امکان اضافه کردن option ها ، امکان حذف آن ها را نیز فراهم می کند. یکی از روش هاي قدیمی براي این کار استفاده از آرایهي options و قراردادن مقدار null براي عنصري از آن که می خواهیم حذف کنیم است:

oListbox.options[1] = null;

روش بهتر و جدیدتر استفاده از متدي به نام  remove() است که آرگومان (index) عنصر مورد نظر براي حذف را می پذیرد:

var oListbox = document.getElementById(“selListbox”);
oListbox.remove(0); //remove the first option

می توان همانند روش اضافه کردن option تابعی براي حذف آن ها از list ها استفاده کرد:

function del (oListbox, iIndex) {
oListbox.remove(iIndex);
}

چنانچه بخواهید هر یک از option هاي موجود در یک listbox را حذف کنید می توانید متد remove() را براي هر کدام از آن ها فراخوانی کنید.

function clear (oListbox) {
for (var i=oListbox.options.length-1; i >= 0; i–) {
del(oListbox, i);
}
}

کد بالا براي حذف، آیتم ها را بر عکس طی می کند. این کار الزامی است چرا که با هر بار حذف شدن یک آیتم از لیست خاصیت index هر option شماره گذاري مجدد می شود. به این دلیل بهتر است همیشه اول عنصري با بزرگترین index و سپس عناصر با index کوچکتر تر حذف شوند.

منبع : انجمن علمی مهندسی فناوری اطلاعات دانشگاه پیام تور مرکز اران و بید گل

برای اموزش های ویدیویی زبان جاوا اسکیریپت به بستر ویدیو های اموزشی بروید

بستر اموزش های ویدویی