שלח תשובה

זירת השאלות

486
צפיות
1
תשובות

עזרה עם onClick / Change ב – Select

,‏ 25 באוגוסט, 2007

היי הרבה זמן לא שאלתי פה אבל תמיד טוב לחזור לפה 🙂

והשאלה היא כזאת:
יש לי <select>
אני מעוניין שכאשר בוחרים באופצייה מסויימת זה ישנה לי תמונה קיימת
אז יצרתי select ויצרתי תמונה ונתתי לה את השם "bla"
אני רוצה שכאשר ילחצו על אחת האפשרויות זה יראה את התמונה הרצוייה
נגיד יש לי: פיצה, שוורמה, טוסט נקניק ועוד דברים טעימים  
אז שיבחרו ב"פיצה" זה ישנה את תמונת "bla" לתמונה של פיצה.

עכשיו לצערי onClick לא אוהב את IE וIE לא אוהב את onClick
ככה שהבנתי שצריך להשתמש ב onChange (תודה לך גוגל)

אז יש דרך שזה יציג את התמונה ויקח את ה src שלה מה-value של האופציה
עובד משהו משהו גם בIE וגם בFF
אבל!
הלך לי כל הvalue!
אם אני שולח את זה במייל אני מקבל במקום "פיצה" אז אני מקבל את הsrc של התמונה
ואז אני צריך לקשר במוח שתמונה bla/fsdf/erer/hgh/fgda/1.jpg זה בעצם פיצה.

האם יש דרך שזה יצליח אבל לא יגע בכלל בvalue
ככה שכאשר אני או הלקוח שיקבל את הטופס במייל שלו יראה את מה שאני כותב בvalue (פיצה)
ולא את הsrc של התמונה?

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


<select name="select_model" onChange="document.images[‘bla’].src = this.value;">
<option value="pics/02/1.jpg">pizza</option>
</select>
<img src="pics/01/1.jpg" width="100" height="100" border="0" alt="" name="bla">

תגיות:

1 תשובות

  1. אריק ה הגיב:

    IE
    <select name="select_model" onChange="javascript:document.bla.src = this.value;">
    <option value="1.jpg">pizza</option>
    <option value="2.jpg">falafel</option>
    </select>
    <img src="pics/01/1.jpg" width="100" height="100" border="0" alt="" name="bla">

שלח תשובה

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!