تغییر گزینه (Option) انتخاب شده در یک عنصر select ، با مشخصه selectedIndex ، در JavaScript

فرض کنید که در یک فرم (Form)، یک عنصر select داریم که قصد داریم از طریق اجرای کدهای JavaScript ، یک گزینه خاص از آن را انتخاب نماییم.

با فرض اینکه آن عنصر select دارای id برابر kelidestan باشد و بخواهیم که گزینه دوم (شماره 2) آن را انتخاب نماییم، کد JavaScript زیر را اجرا می کنیم :

که در آن از مشخصه selectedIndex استفاده شده است.

نکته

دقت کنید که شمارش گزینه های (Option) مربوط به عنصر select ، از شماره 1 شروع می شود.

نکته

اگر بخواهیم که در عنصر select ، هیج گزینه ای (Option) انتخاب نشده باشد (یعنی اگر قبلا گزینه ای برای عنصر select انتخاب شده، عنصر select را به حالت عدم انتخاب برگردانیم)، آنگاه باید شماره 0 را به عنوان انتخاب برای گزینه مربوط به عنصر select به کار ببریم :

به مثال زیر توجه کنید :

مثال

ابتدا یک عنصر select را تعریف می کنیم ( کلید شماره 2499 ). سپس در صفحه، یک دکمه (Button) می سازیم ( کلید شماره 2687 ) و تعیین می کنیم که در هنگام کلیک بر روی آن دکمه (Button)، گزینه (Option) دوم (یعنی شماره 2) از عنصر select ، انتخاب شود.

کدهای تعریف عنصر select و دکمه (Button) :

کدهای JavaScript صفحه :

بنابراین کل کدهای صفحه HTML به صورت زیر می باشد :

نتیجه :

مثال

همان مثال قبل را تکرار می کنیم و این بار، می خواهیم که اگر قبلا گزینه ای (Option) برای عنصر select انتخاب شده، عنصر select را به حالت عدم انتخاب برگردانیم، بنابراین باید شماره 0 را به عنوان انتخاب برای گزینه (Option) مربوط به عنصر select به کار ببریم :

ابتدا یک عنصر select را تعریف می کنیم ( کلید شماره 2499 ). سپس در صفحه، یک دکمه (Button) می سازیم ( کلید شماره 2687 ) و تعیین می کنیم که در هنگام کلیک بر روی آن دکمه (Button)، عنصر select به حالت عدم انتخاب در بیاید.

کدهای تعریف عنصر select و دکمه (Button) :

کدهای JavaScript صفحه :

بنابراین کل کدهای صفحه HTML به صورت زیر می باشد :