تغییر گزینه (Option) انتخاب شده در یک عنصر select ، بر اساس شماره (Index) متناظر با گزینه (Option)، با مشخصه 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 به صورت زیر می باشد :
نتیجه :
ابتدا یک گزینه (Option) را انتخاب کنید و سپس بر روی دکمه (Button) کلیک نمایید تا عنصر select به حالت عدم انتخاب در بیاید :
