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

[qoby]

שלום, אני מתחיל בתכנות אתרים.

בניתי טופס ובתוכו שמתי תיבת בחירה (select).
עכשיו אני מעוניין שלכל option בselect יוצג מידע בצד.

למשל בחרתי בoption "אילת", אז שבצד תוצג תמונה שקשורה לאילת וטקסט "העיר הדרומית ביותר בישראל"

באיזה שפה עושים את זה? אם בכלל..
PHP? JS?

תודה לעוזרים! =]

קובי.

[Source]

JS.
תעשה div ריק, ואירוע onselect לSELECT וכאשר בוחרים באפשרות מסויימת אתה משנה את הinnerHTML של הdiv למשל...

[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 שבחרתי?

[qoby]

אוקיי הסתדרתי צריך לכתוב את האינדקס של הoption בלי גרשיים.. תודה לכולכם!

עכשיו יש לי בעיה אחרת.. נכנסתי לקייס וכתבתי לו את הDIV שהוא צריך לשים בו את המידע

עכשיו אני רוצה לשים גם תמונה בDIV, אז איך אני כותב את זה בתוך הסקריפט?