הצגת מידע לכל option בselect

[Eran-s]

ב-select אתה שם פקודת onchange שמזמנת פונקצית JS שתציג את המידע.
תעשה את ההצגת מידע באמצעות switch.
קבלת ערך של option שנבחר נעשה באמצעות selectedIndex לדוגמא

alert(document.getElementById('selectboxid').selectedIndex);

[qoby]

בהנחה שהכותרת של הפונקציה היא function info() ככה אני עושה את הזימון?

onChange="info()"

ובפונקציה עצמה, איזה expression אני שם לswitch?
ואשמח אם תסביר יותר על השורה הזאת:

alert(document.getElementById('selectboxid').selectedIndex);

תודה!

[Eran-s]

נכתב במקור על ידי qoby

בהנחה שהכותרת של הפונקציה היא function info() ככה אני עושה את הזימון?

onChange="info()"

ובפונקציה עצמה, איזה expression אני שם לswitch?
ואשמח אם תסביר יותר על השורה הזאת:

alert(document.getElementById('selectboxid').selectedIndex);

תודה!

התשובה לשאלה הראשונה היא: כן,
רק תרשום c קטנה כי זה לא תקני עם גדולה.

בקשר לפונקציה תעשה משהו בסגנון שלהלן, קודם כל תשים נגיד ל-select:

id="city"

תשים DIV למשל עם id בשם city_info והוא יהיה איפה שתרצה להדפיס מידע.

ובפונקציה תרשום:

function info() {
  switch (document.getElementById('city').selectedIndex) {
    case 'Eilat':
     document.getElementById('city_info').innerHTML = 'The southest city';
     break;
......
  }
}

[qoby]

ב case אני שם את ה value של ה option?

ואם למשל הvalue הוא 249 אז אני כותב:

case '249':

והdiv פשוט יראה ככה?

<div id="city_info"></div>

[qoby]

אוקיי.. אני חושב שהswitch צריך להיות ככה כמו שכתבת בהתחלה:

switch (alert(document.getElementById('city').selectedIndex))

דבר שני, אני עדיין לא יודע מה צריך לכתוב בcase.. עם הvalue זה לא עובד לי.

וגם קורה משהו מוזר, כל פעם שאני מעביר אפשרות בselect אז קופץ לי חלון עם סימון קריאה צהוב כזה וכתוב בו את האינדקס של הoption שבחרתי.

[RS324]

נכתב במקור על ידי qoby

אוקיי.. אני חושב שהswitch צריך להיות ככה כמו שכתבת בהתחלה:

switch (alert(document.getElementById('city').selectedIndex))

דבר שני, אני עדיין לא יודע מה צריך לכתוב בcase.. עם הvalue זה לא עובד לי.

וגם קורה משהו מוזר, כל פעם שאני מעביר אפשרות בselect אז קופץ לי חלון עם סימון קריאה צהוב כזה וכתוב בו את האינדקס של הoption שבחרתי.

כי אתה צריך לעשות את ה SWITCH בלי ה ALERT,

ALERT = זה פונקציה ב JS להצגת מידע בחלון אזהרה - ALERT

[qoby]

צודק.. זה עכשיו לא עושה את זה.

אבל אם תוכל לעזור קצת בcase..

מה אני כותב בcase כדי שהוא יתייחס לoption שבחרתי?